/* ============================================================
   legal.css — pages légales (mentions + confidentialité, EN+FR)
   Externalisé du <style> inline (identique sur les 4 pages) le 2026-08-26.
   Tokenisé (tokens.css requis). Rayons 2px (Lot C) ; SEUL 20px conservé =
   la pastille de langue du header (exception charte, validé Rayane).
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Lato',Helvetica,Arial,sans-serif;color:var(--on-dark);background:var(--bg-dark);line-height:1.7}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
h1,h2{font-family:'Oswald',sans-serif;font-weight:700;line-height:1.15}
/* Header/nav : déplacé dans css/nav.css (feuille unique partagée) — 2026-09-06 */
.legal{max-width:820px;margin:0 auto;padding:132px 34px 84px}
.legal h1{font-size:clamp(1.5rem,3.2vw,2rem);text-transform:uppercase;letter-spacing:.01em;margin-bottom:10px}
.legal .updated{color:var(--on-dark-muted);font-size:.82rem;margin-bottom:28px;max-width:78ch}
.legal h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ocre);margin:28px 0 8px}
.legal p,.legal li{color:var(--on-dark-muted);font-size:13.5px;margin-bottom:10px;max-width:80ch}
.legal strong{color:var(--on-dark);font-weight:700}
.legal ul{margin:6px 0 16px 20px}
.legal li{margin-bottom:8px}
.legal a{color:var(--ocre);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--ocre-bright)}
/* Footer : déplacé dans css/footer.css (feuille unique partagée) — 2026-09-06 */
@media(max-width:600px){.legal{padding:112px 20px 60px}}

:focus-visible{outline:2px solid var(--ocre);outline-offset:2px}