/* Intervex v2.1 — design tokens. Light by default; dark via [data-theme="dark"] or prefers-color-scheme with the
   :root:not([data-theme="light"]) guard so a persisted light choice beats OS dark. All text pairs meet WCAG AA.
   Chart colours are the dataviz reference palette (light and dark steps) exposed as custom properties. */
:root {
  color-scheme: light;
  --bg: #f3f4f7;
  --surface: #ffffff;
  --surface-2: #eceef2;
  --surface-3: #e2e5eb;
  --text: #14171f;
  --text-2: #3f4653;
  --muted: #5f6673;
  --border: #d3d7df;
  --border-strong: #aeb5c2;
  --accent: #1d5fb4;          /* buttons/links: 6.3:1 with white text */
  --accent-text: #ffffff;
  --accent-soft: #e3edfa;
  --focus: #2a78d6;
  --ok-bg: #d9f2e1;   --ok-text: #0f5a2e;   --ok-dot: #0ca30c;
  --warn-bg: #fff1c2; --warn-text: #6b4a00; --warn-dot: #fab219;
  --danger-bg: #fde2e2; --danger-text: #8a1c1c; --danger-dot: #d03b3b;
  --info-bg: #e3edfa; --info-text: #17457f;
  --review-bg: #ebe7fb; --review-text: #3b2d8a;
  --attention: #d98a00;
  --attention-text: #8a5200;
  --danger-btn-bg: #b32626; --danger-btn-text: #ffffff;
  --shadow: 0 6px 24px rgba(20, 23, 31, 0.14);
  --radius: 8px;
  --radius-sm: 5px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
  --fs: 15px;
  --hc-size: 30px;

  /* dataviz reference palette — light */
  --viz-surface: #fcfcfb;
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100;
  --series-5: #e87ba4; --series-6: #008300; --series-7: #4a3aa7; --series-8: #e34948;
  --seq-100: #cde2fb; --seq-150: #b7d3f6; --seq-200: #9ec5f4; --seq-250: #86b6ef; --seq-300: #6da7ec;
  --seq-350: #5598e7; --seq-400: #3987e5; --seq-450: #2a78d6; --seq-500: #256abf; --seq-550: #1c5cab;
  --seq-600: #184f95; --seq-650: #104281; --seq-700: #0d366b;
  --status-good: #0ca30c; --status-warning: #fab219; --status-serious: #ec835a; --status-critical: #d03b3b;
  --chart-ink: #0b0b0b; --chart-ink-2: #52514e; --chart-muted: #898781; --chart-grid: #e1e0d9; --chart-axis: #c3c2b7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0f1115;
    --surface: #181b22;
    --surface-2: #22262f;
    --surface-3: #2b303b;
    --text: #eef0f4;
    --text-2: #c2c7d1;
    --muted: #98a0ad;
    --border: #303541;
    --border-strong: #46506a;
    --accent: #5598e7;         /* 8:1 with the dark accent text */
    --accent-text: #081120;
    --accent-soft: #1b2a44;
    --focus: #86b6ef;
    --ok-bg: #0f3a22;   --ok-text: #9fe3b8;   --ok-dot: #0ca30c;
    --warn-bg: #4a3400; --warn-text: #ffd77a; --warn-dot: #fab219;
    --danger-bg: #4a1717; --danger-text: #ffb4b4; --danger-dot: #e66767;
    --info-bg: #1b2a44; --info-text: #b7d3f6;
    --review-bg: #2c2557; --review-text: #cbc3ff;
    --attention: #fab219;
    --attention-text: #fab219;
    --danger-btn-bg: #ff8a8a; --danger-btn-text: #1a0a0a;
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
    --viz-surface: #1a1a19;
    --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500;
    --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767;
    --chart-ink: #ffffff; --chart-ink-2: #c3c2b7; --chart-muted: #898781; --chart-grid: #2c2c2a; --chart-axis: #383835;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1115;
  --surface: #181b22;
  --surface-2: #22262f;
  --surface-3: #2b303b;
  --text: #eef0f4;
  --text-2: #c2c7d1;
  --muted: #98a0ad;
  --border: #303541;
  --border-strong: #46506a;
  --accent: #5598e7;
  --accent-text: #081120;
  --accent-soft: #1b2a44;
  --focus: #86b6ef;
  --ok-bg: #0f3a22;   --ok-text: #9fe3b8;   --ok-dot: #0ca30c;
  --warn-bg: #4a3400; --warn-text: #ffd77a; --warn-dot: #fab219;
  --danger-bg: #4a1717; --danger-text: #ffb4b4; --danger-dot: #e66767;
  --info-bg: #1b2a44; --info-text: #b7d3f6;
  --review-bg: #2c2557; --review-text: #cbc3ff;
  --attention: #fab219;
  --attention-text: #fab219;
  --danger-btn-bg: #ff8a8a; --danger-btn-text: #1a0a0a;
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
  --viz-surface: #1a1a19;
  --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500;
  --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767;
  --chart-ink: #ffffff; --chart-ink-2: #c3c2b7; --chart-muted: #898781; --chart-grid: #2c2c2a; --chart-axis: #383835;
}