/* ─────────────────────────────────────────────────────────────────────────────
   tokens.css — palette canonique VFG (source de vérité des variables CSS)

   Servi par les deux serveurs (`/shared/tokens.css` sur :5195 et :5220) et
   copié dans `dist/shared/` par scripts/build-public.mjs.

   Consommateurs :
   - public/viewer/style.css (design system articles/viewer) via @import
   - pages autonomes (guide-todos, colle-invisible, admin, demo, ondes) via <link>,
     avec overrides locaux assumés pour leur identité propre
   Documentation : docs/DESIGN-SYSTEM.md
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  --bg: #fff;
  --text: #3c3c44;
  --sidebar-bg: #fafafa;
  --sidebar-border: #e6e6e6;
  --audit-sidebar: 240px;
  --top-bg: #fff;
  --top-border: #eee;
  --card-bg: #fff;
  --card-border: #ddd;
  --muted: #828282;
  --code-bg: #f4f4f4;
  --pre-bg: #f7f7f7;
  --pre-border: #e5e5e5;
  --link: #ac130d;
  --link-visited: #7c2b26;
  --hover-bg: #e8eef6;
  --active-color: #2d5a9e;
  --tag-bg: #fffcd7;
  --tag-border: #d5d458;
  --tag-color: #555;
  --blockquote-color: #666;
  --blockquote-border: #ddd;
  --table-border: #e5e5e5;
  --table-head-bg: #fafafa;
  --hr-color: #eee;
  --shadow: rgba(0,0,0,0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1a1a2e;
    --text: #e0e0e0;
    --sidebar-bg: #16213e;
    --sidebar-border: #2a2a4a;
    --audit-sidebar: 240px;
    --top-bg: #16213e;
    --top-border: #2a2a4a;
    --card-bg: #1e2a4a;
    --card-border: #2a2a4a;
    --muted: #8892b0;
    --code-bg: #2a2a4a;
    --pre-bg: #0f1923;
    --pre-border: #2a2a4a;
    --link: #64ffda;
    --link-visited: #45a29e;
    --hover-bg: #233554;
    --active-color: #64ffda;
    --tag-bg: #2a2a4a;
    --tag-border: #4a6fa5;
    --tag-color: #a8b2d1;
    --blockquote-color: #8892b0;
    --blockquote-border: #4a6fa5;
    --table-border: #2a2a4a;
    --table-head-bg: #1e2a4a;
    --hr-color: #2a2a4a;
    --shadow: rgba(0,0,0,0.3);
  }
}