/* Jetons de design : le SEUL endroit où sont définis couleurs, polices, rayons et ombres. Valeurs
   reprises du style 2026 de la maquette v12 (skin-modern), clair et sombre selon le système.
   Les composants n'utilisent que ces variables. Servi tel quel (/tokens.css) à l'application et
   aux pages rendues par le serveur (site.css) : une seule source. */
:root {
  --desk: #e9ebf0;
  --win: #ffffff;
  --panel: #f5f6f9;
  --raise: #ffffff;
  --line: #e2e5eb;
  --lo: #cfd4dc;
  --ink: #12141a;
  --muted: #5a6170;
  --sys: #646b7a;
  --sel: #ffe3ea;
  --sel-ink: #8c1235;
  --accent: #d9285a;
  --accent-ink: #ffffff;
  --accent-soft: #ffe3ea;
  --accent-line: #c41f4f;
  --link: #2a59d6;
  --hl: #fff4e8;
  --on: #1d9e3a;
  --studio: #d9480f;
  --away: #b98700;
  --error: #b3261e;
  --mark: #fff26a; /* surlignage [TEXTE À ÉCRIRE] des pages légales, jaune dans les deux thèmes */
  --mark-ink: #3a3200;
  /* Couleurs des pseudos et de leurs pastilles. */
  --n1: #b8155a;
  --n2: #1559b8;
  --n3: #2a7a2e;
  --n4: #6c2a9e;
  --n5: #b34700;
  --n6: #00727d;
  --shadow: 0 1px 2px rgba(18, 20, 26, 0.06), 0 12px 32px rgba(18, 20, 26, 0.08);
  --font-display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --r-s: 6px;
  --r: 8px;
  --r-m: 10px;
  --r-l: 12px;
  --r-xl: 14px;
  --r-win: 16px;
  --pill: 999px;
  /* Échelle typographique (charte, lot 4) : toute taille de texte vient d'ici, sauf le logotype. */
  --fs-xs: 12px;
  --fs-s: 13.5px;
  --fs-m: 15px;
  --fs-l: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 32px;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --desk: #0b0c10;
    --win: #14161c;
    --panel: #1a1d24;
    --raise: #2a2e38;
    --line: #262a33;
    --lo: #3a3f4b;
    --ink: #eceef3;
    --muted: #959cab;
    --sys: #8b93a3;
    --sel: #3a1a27;
    --sel-ink: #ffd3de;
    --accent: #ff5c7f;
    --accent-ink: #1d0610;
    --accent-soft: #3a1a27;
    --accent-line: #ff7f9a;
    --link: #8cb0ff;
    --hl: #2a2116;
    --on: #3fd35c;
    --studio: #ff7a45;
    --away: #f2c230;
    --error: #ff8a80;
    --n1: #ff7eb3;
    --n2: #84b4ff;
    --n3: #74d98d;
    --n4: #c9a0ff;
    --n5: #ffad6b;
    --n6: #55d8e2;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.45);
  }
}