/* Chrome & Signal — couche tokens.
   Genere depuis tokens.json (v1). Ne pas editer a la main. */

:root {
  --surface-000: #ffffff;
  --surface-050: #fafafa;
  --surface-100: #f4f5f6;
  --surface-200: #edeeef;
  --surface-300: #e3e4e6;
  --surface-glass: rgba(255,255,255,0.72);
  --ink: #292929;
  --ink-muted: #5c5c5e;
  --ink-faint: #6b6d72;
  --signal: #f5332f;
  --signal-deep: #c81f1b;
  --signal-bright: #ff5a55;
  --signal-wash: #ffeceb;
  --on-signal: #ffffff;
  --chrome-light: #fbfbf9;
  --chrome-mid: #dfe1e4;
  --chrome-shade: #b9bcc1;
  --chrome-flare: #ff645f;
  --dot-red: #e25855;
  --dot-amber: #e6a93f;
  --dot-green: #00a23d;
  --hairline: rgba(41,41,41,0.10);
  --hairline-strong: rgba(41,41,41,0.55);
  --ring-white: rgba(255,255,255,0.92);
  --focus: #c81f1b;

  --font-display: "Helvetica Now Display", "Inter Tight", Helvetica, Arial, sans-serif;
  --font-sans: "Helvetica Now Text", "Inter Tight", Helvetica, Arial, sans-serif;
  --font-accent: "Playfair Display", "Iowan Old Style", Georgia, serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 16px;
  --space-6: 22px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 80px;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;

  --shadow-card: 0 24px 60px -24px rgba(24,24,28,0.26), 0 2px 6px rgba(24,24,28,0.05);
  --shadow-lift: 0 8px 24px -10px rgba(24,24,28,0.22);

}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-000: #0d0d0f;
    --surface-050: #141417;
    --surface-100: #1b1b1f;
    --surface-200: #24242a;
    --surface-300: #2f2f36;
    --surface-glass: rgba(36,36,42,0.72);
    --ink: #f3f3f4;
    --ink-muted: #adaeb4;
    --ink-faint: #8a8b93;
    --signal: #ff5b55;
    --signal-deep: #ff7a74;
    --signal-bright: #ff8a85;
    --signal-wash: #2c1512;
    --on-signal: #1b0806;
    --chrome-light: #3d3d45;
    --chrome-mid: #2a2a31;
    --chrome-shade: #1f1f25;
    --chrome-flare: #ff7a75;
    --dot-green: #35c76a;
    --hairline: rgba(243,243,244,0.14);
    --hairline-strong: rgba(243,243,244,0.42);
    --ring-white: rgba(243,243,244,0.88);
    --focus: #ff7a74;
    --shadow-card: 0 24px 60px -24px rgba(0,0,0,0.70), 0 2px 6px rgba(0,0,0,0.40);
    --shadow-lift: 0 8px 24px -10px rgba(0,0,0,0.60);
  }
}

:root[data-theme="dark"] {
  --surface-000: #0d0d0f;
  --surface-050: #141417;
  --surface-100: #1b1b1f;
  --surface-200: #24242a;
  --surface-300: #2f2f36;
  --surface-glass: rgba(36,36,42,0.72);
  --ink: #f3f3f4;
  --ink-muted: #adaeb4;
  --ink-faint: #8a8b93;
  --signal: #ff5b55;
  --signal-deep: #ff7a74;
  --signal-bright: #ff8a85;
  --signal-wash: #2c1512;
  --on-signal: #1b0806;
  --chrome-light: #3d3d45;
  --chrome-mid: #2a2a31;
  --chrome-shade: #1f1f25;
  --chrome-flare: #ff7a75;
  --dot-green: #35c76a;
  --hairline: rgba(243,243,244,0.14);
  --hairline-strong: rgba(243,243,244,0.42);
  --ring-white: rgba(243,243,244,0.88);
  --focus: #ff7a74;
  --shadow-card: 0 24px 60px -24px rgba(0,0,0,0.70), 0 2px 6px rgba(0,0,0,0.40);
  --shadow-lift: 0 8px 24px -10px rgba(0,0,0,0.60);
}