/* Variables de thème (clair / sombre) — voir docs/DESIGN.md.
   Toute couleur du site vient d'ici : ne jamais écrire une couleur en dur ailleurs.

   Principe de la palette : l'ENCRE est neutre (texte gris-noir, jamais brun),
   les surfaces gardent une pointe de chaleur « papier », et le terracotta est
   réservé aux titres et au hero. Contrastes vérifiés (WCAG AA) :
   texte 15:1 · texte secondaire ~7:1 · titres terracotta ~6:1. */

:root {
  --bg: #f6f5f1; --panel: #fcfbf8; --panel-2: #f1f0ea; --card: #ffffff;
  --text: #1b1c1f; --text-dim: #52555c; --text-faint: #83868e;
  --border: #e5e3dc; --hairline: #efede7;
  --accent: #2a5fe8; --accent-soft: rgba(42, 95, 232, .10); --accent-contrast: #fff;
  --heading: #9c4a1d; --heading-soft: rgba(156, 74, 29, .09);
  --hero-grad: linear-gradient(125deg, #6f3f1f 0%, #9c552c 100%);
  --btn: #1b1c1f; --btn-text: #fbfaf8;
  --green: #178f4e; --green-soft: rgba(23, 143, 78, .12);
  --red: #d43a2c; --red-soft: rgba(212, 58, 44, .12);
  --amber: #a86a12; --amber-soft: rgba(168, 106, 18, .22);
  --violet: #7c3aed; --violet-soft: rgba(124, 58, 237, .14);
  --hl-text: #1b1c1f;
  --shadow-sm: 0 1px 2px rgba(24, 24, 27, .05), 0 2px 7px rgba(24, 24, 27, .05);
  --shadow: 0 2px 6px rgba(24, 24, 27, .05), 0 10px 28px rgba(24, 24, 27, .08);
  --shadow-lg: 0 12px 40px rgba(24, 24, 27, .16);
  --serif: ui-serif, "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --r-xs: 9px; --r-sm: 12px; --r: 16px; --r-lg: 22px; --r-xl: 28px;
  --sidebar-w: 300px; --ease: cubic-bezier(.22, 1, .36, 1);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #131316; --panel: #1d1d21; --panel-2: #18181c; --card: #222226;
  --text: #eeeef0; --text-dim: #a6a8b0; --text-faint: #71737b;
  --border: #313136; --hairline: #27272c;
  --accent: #6b95ff; --accent-soft: rgba(107, 149, 255, .16); --accent-contrast: #131316;
  --heading: #e0a06b; --heading-soft: rgba(224, 160, 107, .13);
  --hero-grad: linear-gradient(125deg, #5f3a22 0%, #8e5330 100%);
  --btn: #eeeef0; --btn-text: #1b1c1f;
  --green: #37c07f; --green-soft: rgba(55, 192, 127, .15);
  --red: #ff6f61; --red-soft: rgba(255, 111, 97, .15);
  --amber: #e0a33a; --amber-soft: rgba(224, 163, 58, .22);
  --violet: #c4a5ff; --violet-soft: rgba(150, 90, 230, .2);
  --hl-text: #17150f;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45);
  --shadow-lg: 0 16px 44px rgba(0, 0, 0, .55);
  color-scheme: dark;
}