/* legal.css — Pages légales LinkZen Thème clair/sombre via data-theme sur Tokens : --bg, --ink, --ink-dim, --accent (définis dans 01-base.css) */ /* ─── Layout ─────────────────────────────────────────────── */ .legal-page { min-height: calc(100vh - 64px); /* 64px = hauteur du header fixe .nav + marge de respiration */ padding: calc(64px + 2.5rem) 1.25rem 5rem; background: var(--bg); color: var(--ink); } .legal__container { max-width: 760px; margin: 0 auto; } /* ─── Titre principal (H1) ───────────────────────────────── */ .legal__title { font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 700; line-height: 1.15; color: var(--ink); margin: 0 0 0.5rem; letter-spacing: -0.02em; } /* ─── Date de mise à jour ────────────────────────────────── */ .legal__updated { font-size: 0.8rem; color: var(--ink-dim, color-mix(in srgb, var(--ink) 55%, transparent)); margin: 0 0 2.5rem; font-style: italic; } /* ─── Séparateur après le titre ─────────────────────────── */ .legal__title + .legal__updated { padding-bottom: 2rem; border-bottom: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); margin-bottom: 2.5rem; } /* ─── Articles / sous-titres (H2, H3) ───────────────────── */ .legal__heading { font-size: 1rem; font-weight: 600; color: var(--ink); margin: 2rem 0 0.6rem; padding-top: 0.25rem; } h3.legal__heading { font-size: 0.9rem; font-weight: 600; color: color-mix(in srgb, var(--ink) 75%, transparent); margin: 1.25rem 0 0.5rem; } /* ─── Paragraphes ────────────────────────────────────────── */ .legal__text { font-size: 0.9rem; line-height: 1.7; color: color-mix(in srgb, var(--ink) 82%, transparent); margin: 0 0 0.9rem; } .legal__text strong { color: var(--ink); font-weight: 600; } /* ─── Listes ─────────────────────────────────────────────── */ .legal__list { margin: 0 0 0.9rem 0; padding-left: 1.25rem; font-size: 0.9rem; line-height: 1.7; color: color-mix(in srgb, var(--ink) 82%, transparent); } .legal__list li { margin-bottom: 0.35rem; } .legal__list li strong { color: var(--ink); font-weight: 600; } /* ─── Liens ──────────────────────────────────────────────── */ .legal__text a, .legal__list a { color: var(--accent, var(--c-vert-foret, #2f5d50)); text-decoration: underline; text-underline-offset: 2px; } .legal__text a:hover, .legal__list a:hover { opacity: 0.8; } /* Thème sombre : accent or pour les liens */ [data-theme="dark"] .legal__text a, [data-theme="dark"] .legal__list a { color: var(--c-or, #e4c079); } /* ─── Bloc adresse (div.legal__text) ────────────────────── */ div.legal__text { font-size: 0.9rem; line-height: 1.8; color: color-mix(in srgb, var(--ink) 82%, transparent); margin: 0 0 0.9rem; } div.legal__text strong { color: var(--ink); font-weight: 600; } /* ─── Responsive ─────────────────────────────────────────── */ @media (max-width: 600px) { .legal-page { padding: calc(64px + 1.5rem) 1rem 4rem; } .legal__title { font-size: 1.5rem; } }