/* Pages légales (conditions, données personnelles, mentions légales). Mêmes couleurs que l'application. */
:root { --paper: #FFFFFF; --ink: #1B1A18; --muted: #5E5A52; --rule: rgba(27, 26, 24, .12); --accent-ink: #A83C11; --flag: #8A5A00; --flag-wash: #FBF3E2; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #161513; --ink: #EDEAE4; --muted: #ABA59A; --rule: rgba(237, 234, 228, .14); --accent-ink: #F08A5D; --flag: #E2B45A; --flag-wash: #2A2214; }
}
@font-face { font-family: Geist; src: url(/fonts/geist-latin.woff2) format("woff2"); font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 Geist, system-ui, sans-serif; }
main { max-width: 46rem; margin: 0 auto; padding: 2.5rem 1rem 4rem; }
header a { color: var(--ink); font-weight: 650; text-decoration: none; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1.5rem 0 .5rem; letter-spacing: -.01em; }
h2 { font-size: 1.2rem; margin: 2.2rem 0 .5rem; }
p, li { color: var(--ink); }
.lead { color: var(--muted); }
.draft { background: var(--flag-wash); color: var(--flag); border-radius: 10px; padding: .8rem 1rem; font-size: .95rem; }
a { color: var(--accent-ink); }
footer { border-top: 1px solid var(--rule); margin-top: 3rem; padding-top: 1rem; font-size: .9rem; color: var(--muted); }
footer a { margin-right: 1rem; }