/* Palette et tokens — cf. CLAUDE.md §5. Toute couleur/typo utilisée
   ailleurs dans le CSS doit passer par une de ces variables. */
:root {
  /* Quasi-noir depuis Révision 2026-09-09 (direction "Hamza style") : était
     #1a1a12. --bg-dark-rgb permet de réutiliser cette teinte en rgba()
     (dégradés du hero / en-tête / pagination sur la page Accueil). */
  --bg-dark: #0c0c0a;
  --bg-dark-rgb: 12, 12, 10;
  --bg-dark-elevated: #18180f;
  --bg-light: #f2efe4;
  --bg-card: #e8e4d2;

  --text-on-dark: #f5f3ee;
  --text-on-light: #1a1a12;
  /* Assombris pour rester ≥ 4.5:1 même sur --bg-card (le plus sombre des
     deux fonds clairs) — testé aux deux (axe-core, 0 violation). */
  --text-muted: #635f4d;
  --text-muted-on-dark: #b4af98;

  /* Teinte du mockup de référence (--accent-on-dark) : lisible sur fond
     sombre (5.17:1) mais échoue le contraste AA en petit texte sur fond
     clair (2.94:1). --accent est une variante assombrie réservée à ces
     usages (liens, labels, dates) — ≥5:1 sur --bg-light et --bg-card. */
  --accent-on-dark: #e8622a;
  --accent: #a83a17;
  --accent-hover: #8c300f;

  --border-subtle: rgba(26, 26, 18, 0.14);
  --border-on-dark: rgba(255, 252, 240, 0.16);

  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-ui: "Hanken Grotesk", "Helvetica Neue", sans-serif;

  --nav-height: 56px;
  --radius-card: 6px;
  --radius-pill: 999px;

  --transition-fast: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
  }
}