/* Généré par scripts/tokens.mjs depuis design/tokens.json : ne pas modifier à la main. */
:root {
  color-scheme: light;
  --font-display: Archivo, "Arial Narrow", Arial, sans-serif;
  --font-sans: Archivo, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-40: 160px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --bg: #fafaf9;
  --bg-grid: #ecebe7;
  --surface: #ffffff;
  --surface-sunken: #f3f3f1;
  --ink: #0f1012;
  --ink-muted: #5b5d64;
  --line: #e7e6e2;
  --line-strong: #83837d;
  --brand: #1d3986;
  --brand-hover: #152b66;
  --on-brand: #ffffff;
  --brand-ink: #1d3986;
  --brand-deep: #1d3986;
  --on-brand-deep: #ffffff;
  --brand-light: #6888de;
  --brand-soft: #e6ebf7;
  --signal: #ff5a1f;
  --signal-ink: #b83a0c;
  --signal-soft: #ffe6db;
  --live: #147a3a;
  --live-soft: #e3f3e8;
  --focus: #1d3986;
  --shadow-sm: 0 1px 2px 0 rgba(15, 16, 18, 0.05);
  --shadow-md: 0 1px 2px 0 rgba(15, 16, 18, 0.04), 0 12px 32px -12px rgba(15, 16, 18, 0.12);
  --shadow-lg: 0 2px 4px 0 rgba(15, 16, 18, 0.04), 0 32px 80px -24px rgba(15, 16, 18, 0.22);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #09090b;
  --bg-grid: #16171c;
  --surface: #121216;
  --surface-sunken: #0d0d10;
  --ink: #f4f4f5;
  --ink-muted: #a1a1aa;
  --line: #1f2027;
  --line-strong: #686c7e;
  --brand: #7d97e6;
  --brand-hover: #9db1ee;
  --on-brand: #09090b;
  --brand-ink: #9db1ee;
  --brand-deep: #1d3986;
  --on-brand-deep: #ffffff;
  --brand-light: #6888de;
  --brand-soft: #18203d;
  --signal: #ff6a33;
  --signal-ink: #ff8a5c;
  --signal-soft: #2a160e;
  --live: #4ade80;
  --live-soft: #0f2418;
  --focus: #9db1ee;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
  --shadow-md: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 12px 32px -12px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 32px 80px -24px rgba(0, 0, 0, 0.9);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #09090b;
    --bg-grid: #16171c;
    --surface: #121216;
    --surface-sunken: #0d0d10;
    --ink: #f4f4f5;
    --ink-muted: #a1a1aa;
    --line: #1f2027;
    --line-strong: #686c7e;
    --brand: #7d97e6;
    --brand-hover: #9db1ee;
    --on-brand: #09090b;
    --brand-ink: #9db1ee;
    --brand-deep: #1d3986;
    --on-brand-deep: #ffffff;
    --brand-light: #6888de;
    --brand-soft: #18203d;
    --signal: #ff6a33;
    --signal-ink: #ff8a5c;
    --signal-soft: #2a160e;
    --live: #4ade80;
    --live-soft: #0f2418;
    --focus: #9db1ee;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
    --shadow-md: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 12px 32px -12px rgba(0, 0, 0, 0.8);
    --shadow-lg: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 32px 80px -24px rgba(0, 0, 0, 0.9);
  }
}