/* Default dark (before JS runs). main.css sets warm-tint tile override. */
html {
  --signal-banner-border-width: 3px;
  --bg-page: #0a0a0f;
  --bg-tile: #14120f;
  --bg-header: #14120f;
  --border-tile: #1e1e2e;
  --border-subtle: #1e1e2e;
  --text-primary: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --text-muted-2: #52525b;
  --accent-on: #22c55e;
  --accent-off: #ef4444;
  --accent-amber: #f59e0b;
  --accent-mixed: #d97706;
  --signal-neutral-border: #3f3f46;
  --chart-line: #3b82f6;
  --range-track: #27272a;
  --footer-border: #1e1e2e;
}

html[data-theme='light'] {
  --signal-banner-border-width: 2px;
  --bg-page: #ffffff;
  --bg-tile: #f9f9fb;
  --bg-header: #f9f9fb;
  --border-tile: #e8e8f0;
  --border-subtle: #e8e8f0;
  --text-primary: #0a0a0f;
  --text-secondary: #3f3f46;
  --text-muted: #71717a;
  --text-muted-2: #a1a1aa;
  --accent-on: #16a34a;
  --accent-off: #dc2626;
  --accent-amber: #d97706;
  --accent-mixed: #b45309;
  --signal-neutral-border: #d4d4d8;
  --chart-line: #2563eb;
  --range-track: #e4e4e7;
  --footer-border: #e8e8f0;
}