/* Generated by scripts/build.ts from tokens/*.json (W3C DTCG 2025.10). Do not edit; change the tokens and run pnpm build. */

:root {
  color-scheme: light dark;
  --background: light-dark(#fcfcfa, #111215);
  --foreground: light-dark(#14151a, #ededea);
  --mark: light-dark(#14151a, #ededea);
  --body-foreground: light-dark(#3c3e46, #c8c9ce);
  --card: light-dark(#ffffff, #17181c);
  --card-foreground: light-dark(#14151a, #ededea);
  --popover: light-dark(#ffffff, #17181c);
  --popover-foreground: light-dark(#14151a, #ededea);
  --muted: light-dark(#f1f1ec, #1a1b1f);
  --muted-foreground: light-dark(#5b5e68, #9d9fa8);
  --secondary: light-dark(#f1f1ec, #1a1b1f);
  --secondary-foreground: light-dark(#14151a, #ededea);
  --accent: light-dark(#f1f1ec, #1a1b1f);
  --accent-foreground: light-dark(#14151a, #ededea);
  --border: light-dark(#e4e5e1, #2a2c32);
  --input: light-dark(#c6c8c2, #42454d);
  --primary: light-dark(#2244ff, #6b83ff);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#2244ff, #6b83ff);
  --success: light-dark(#26700f, #62d162);
  --warning: light-dark(#7a5200, #f2c14e);
  --danger: light-dark(#9b1020, #ff3d5a);
  --destructive: light-dark(#9b1020, #ff3d5a);
  --signal-ok: light-dark(#1e9e48, #3dd06a);
  --signal-warn: light-dark(#b87503, #f5b830);
  --signal-down: light-dark(#ee0a32, #ff2d3f);
  --signal-off: light-dark(#7d808a, #7c7f88);
  --chart-1: light-dark(#6a87f0, #295fd4);
  --chart-2: light-dark(#eb681d, #a25834);
  --chart-3: light-dark(#0da26b, #3ca368);
  --chart-4: light-dark(#aa821e, #b5820c);
  --chart-5: light-dark(#d868ab, #924d7d);
  --chart-6: light-dark(#5f7630, #5a7323);
  --chart-7: light-dark(#975ad1, #824aca);
  --chart-8: light-dark(#3097b3, #077fa8);
  --radius-button: 3px;
  --radius-card: 6px;
  --radius-input: 8px;
  --radius-panel: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-16: 64px;
  --control-height: 44px;
  --control-height-small: 32px;
  --control-touch: 44px;
  --text-chrome-label: 11px;
  --text-chrome-meta: 12px;
  --text-chrome-title: 13px;
  --text-chrome-body: 14px;
  --text-chrome-figure: 30px;
  --text-content-small: 13px;
  --text-content-body: 15px;
  --text-content-lede: 16px;
  --text-content-h3: 18px;
  --text-content-h2: 21px;
  --text-content-h1-min: 30px;
  --text-content-h1: 40px;
  --font-sans: Archivo, Arial, sans-serif;
  --font-display: "Archivo Condensed", "Arial Narrow", Arial, sans-serif;
  --font-mono: "Space Mono", "Courier New", monospace;
}

/* An explicit theme (the person's choice, or an MCP host's) wins over the system setting. */
[data-theme="light"] {
  color-scheme: light;
}

[data-theme="dark"] {
  color-scheme: dark;
}

/* One accent per product (hub D-90). Unset means Forspring. */
[data-product="forspring"] {
  --primary: light-dark(#2244ff, #6b83ff);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#2244ff, #6b83ff);
  --mark: light-dark(#14151a, #ededea);
}

[data-product="spring"] {
  --primary: light-dark(#2244ff, #6b83ff);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#2244ff, #6b83ff);
  --mark: light-dark(#2244ff, #6b83ff);
}

[data-product="sitespring"] {
  --primary: light-dark(#b8442a, #e0714f);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#b8442a, #e0714f);
  --mark: light-dark(#b8442a, #e0714f);
}

[data-product="dataspring"] {
  --primary: light-dark(#0b7c82, #2ba7ad);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#0b7c82, #2ba7ad);
  --mark: light-dark(#0b7c82, #2ba7ad);
}

[data-product="appspring"] {
  --primary: light-dark(#7b3f8c, #b57cc6);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#7b3f8c, #b57cc6);
  --mark: light-dark(#7b3f8c, #b57cc6);
}

[data-product="pulsespring"] {
  --primary: light-dark(#a3237a, #e06dba);
  --primary-foreground: light-dark(#ffffff, #111215);
  --ring: light-dark(#a3237a, #e06dba);
  --mark: light-dark(#a3237a, #e06dba);
}