/* Theme tokens, 2026-10-28. Neutral greys with one blue accent; red/amber only for faults and cautions.
   Light is the default; dark follows the system unless the operator picked a theme (data-theme on <html>). */
:root {
  color-scheme: light;
  --bg: #f3f4f6;
  --surface: #ffffff;
  --surface-2: #f8f9fb;
  --inset: #eef0f3;
  --hover: rgba(17, 20, 26, .05);
  --text: #12151b;
  --text-2: #4a515e;
  --text-3: #5d6472;
  --line: rgba(17, 20, 26, .10);
  --line-strong: rgba(17, 20, 26, .20);
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-soft: #e9f0ff;
  --accent-text: #1f4fc4;
  --on-accent: #ffffff;
  --danger: #cf3f36;
  --danger-strong: #a9302a;
  --danger-soft: #fdeceb;
  --danger-text: #a3302a;
  --on-danger: #ffffff;
  --warn: #b26a10;
  --warn-soft: #fdf3e2;
  --warn-text: #8a520c;
  --strong: #1b1f27;
  --on-strong: #f3f4f6;
  --on-strong-2: rgba(243, 244, 246, .66);
  --chart-1: #c5cbd6;
  --chart-2: #2563eb;
  --chart-3: #f0a43a;
  --chart-4: #8b5cf6;
  --chart-5: #64748b;
  --chart-6: #93b4ff;
  --focus: #2563eb;
  --card-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1014;
  --surface: #16191f;
  --surface-2: #1b1f26;
  --inset: #20252e;
  --hover: rgba(255, 255, 255, .06);
  --text: #e9ebef;
  --text-2: #b9bfca;
  --text-3: #9aa2b1;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .17);
  --accent: #5b8cff;
  --accent-strong: #7aa2ff;
  --accent-soft: rgba(91, 140, 255, .16);
  --accent-text: #9dbbff;
  --on-accent: #0b1020;
  --danger: #ef6b62;
  --danger-strong: #f48c84;
  --danger-soft: rgba(239, 107, 98, .14);
  --danger-text: #ff9d95;
  --on-danger: #1a0b0a;
  --warn: #f0b05a;
  --warn-soft: rgba(240, 176, 90, .14);
  --warn-text: #f5c27c;
  --strong: #232831;
  --on-strong: #eef0f3;
  --on-strong-2: rgba(238, 240, 243, .64);
  --chart-1: #3a414e;
  --chart-2: #5b8cff;
  --chart-3: #f0b05a;
  --chart-4: #a78bfa;
  --chart-5: #8a94a6;
  --chart-6: #2c4a8f;
  --focus: #7aa2ff;
  --card-shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #0e1014;
    --surface: #16191f;
    --surface-2: #1b1f26;
    --inset: #20252e;
    --hover: rgba(255, 255, 255, .06);
    --text: #e9ebef;
    --text-2: #b9bfca;
    --text-3: #9aa2b1;
    --line: rgba(255, 255, 255, .08);
    --line-strong: rgba(255, 255, 255, .17);
    --accent: #5b8cff;
    --accent-strong: #7aa2ff;
    --accent-soft: rgba(91, 140, 255, .16);
    --accent-text: #9dbbff;
    --on-accent: #0b1020;
    --danger: #ef6b62;
    --danger-strong: #f48c84;
    --danger-soft: rgba(239, 107, 98, .14);
    --danger-text: #ff9d95;
    --on-danger: #1a0b0a;
    --warn: #f0b05a;
    --warn-soft: rgba(240, 176, 90, .14);
    --warn-text: #f5c27c;
    --strong: #232831;
    --on-strong: #eef0f3;
    --on-strong-2: rgba(238, 240, 243, .64);
    --chart-1: #3a414e;
    --chart-2: #5b8cff;
    --chart-3: #f0b05a;
    --chart-4: #a78bfa;
    --chart-5: #8a94a6;
    --chart-6: #2c4a8f;
    --focus: #7aa2ff;
    --card-shadow: none;
  }
}