/*
 * PCR Lab design tokens - the lab's own first-party visual system.
 * The lab is a standalone analytical tool; nothing here tracks any other app.
 * Series hues are a colorblind-validated set in FIXED order - never reorder,
 * never cycle; changing any hex requires re-running the palette validator.
 */
:root {
  color-scheme: light;
  /* surfaces + ink */
  --lab-page: #f9f9f7;         --lab-surface: #fcfcfb;
  --lab-ink: #0b0b0b;          --lab-ink-2: #52514e;
  --lab-ink-muted: #898781;    --lab-hairline: #e1e0d9;
  --lab-baseline: #c3c2b7;     --lab-border: rgba(11, 11, 11, 0.10);
  --lab-wash: rgba(11, 11, 11, 0.04);
  /* The wordmark asset is pure black; this filter re-inks it per theme. */
  --lab-logo-filter: none;
  /* PCSL target-mark - a league brand asset, same category as the wordmark above: these two
     hexes are the brand's own fixed colors, not part of the validated categorical series set -
     never reordered, never treated as a series color, never re-derived from the palette. */
  --lab-target-fill: #c4a57b;  --lab-target-stroke: #8b6f47;
  --lab-target-shadow: 0 2px 4px rgba(11, 11, 11, 0.35);
  /* interactive accent (= series-1 blue family) */
  --lab-accent: #2a78d6;       --lab-accent-strong: #1c5cab;
  --lab-accent-wash: #cde2fb;  --lab-accent-contrast: #ffffff;
  /* categorical series - FIXED order, baseline data is never a series color */
  --lab-series-1: #2a78d6;  --lab-series-2: #eb6834;  --lab-series-3: #1baf7a;
  --lab-series-4: #eda100;  --lab-series-5: #e87ba4;  --lab-series-6: #008300;
  --lab-series-7: #4a3aa7;  --lab-series-8: #e34948;
  /* status (reserved - never reused as series) */
  --lab-good: #0ca30c;  --lab-warn: #fab219;  --lab-serious: #ec835a;  --lab-critical: #d03b3b;
  --lab-good-text: #006300;    --lab-warn-text: #8a5a00;
  --lab-critical-text: #b02a2a;
  /* signed deltas */
  --lab-delta-up: #006300;     --lab-delta-down: #b02a2a;
  /* medal badges (top-3 leaderboards) */
  --lab-medal-gold: #8a6d1a;   --lab-medal-bronze: #7a5a3a;
  /* geometry + type */
  --lab-space-1: 4px;  --lab-space-2: 8px;  --lab-space-3: 12px;  --lab-space-4: 16px;
  --lab-space-5: 24px; --lab-space-6: 32px; --lab-space-7: 48px;  --lab-space-8: 64px;
  --lab-radius-1: 3px; --lab-radius-2: 6px; --lab-radius-3: 9px;
  --lab-text-1: 12px;  --lab-text-2: 13px;  --lab-text-3: 15px;
  --lab-text-4: 18px;  --lab-text-5: 24px;  --lab-text-6: 32px;
  --lab-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --lab-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;
  --lab-weight-medium: 500;    --lab-weight-bold: 700;
}
/* Explicit dark choice (the rail's theme toggle, persisted by lab-theme.js) - same palette as
   the OS-preference block below, duplicated because CSS cannot reuse a declaration block
   across a media-query boundary. Keep the two in lockstep. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --lab-page: #0d0d0d;       --lab-surface: #1a1a19;
  --lab-ink: #ffffff;        --lab-ink-2: #c3c2b7;
  --lab-hairline: #2c2c2a;   --lab-baseline: #383835;
  --lab-border: rgba(255, 255, 255, 0.10);
  --lab-wash: rgba(255, 255, 255, 0.05);
  --lab-logo-filter: invert(1);
  /* Same brand mark, dark-scheme stroke only - the fill hex stays the target-mark's own tan
     in both schemes. */
  --lab-target-stroke: #ecdcc2;
  --lab-target-shadow: 0 -1px 3px rgba(255, 255, 255, 0.25);
  --lab-accent: #3987e5;     --lab-accent-strong: #6da7ec;
  --lab-accent-wash: #104281;
  --lab-series-1: #3987e5;  --lab-series-2: #d95926;  --lab-series-3: #199e70;
  --lab-series-4: #c98500;  --lab-series-5: #d55181;  --lab-series-7: #9085e9;
  --lab-series-8: #e66767;
  --lab-good-text: #0ca30c;  --lab-warn-text: #fab219;  --lab-critical-text: #e66767;
  --lab-delta-up: #0ca30c;   --lab-delta-down: #e66767;
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --lab-page: #0d0d0d;       --lab-surface: #1a1a19;
    --lab-ink: #ffffff;        --lab-ink-2: #c3c2b7;
    --lab-hairline: #2c2c2a;   --lab-baseline: #383835;
    --lab-border: rgba(255, 255, 255, 0.10);
    --lab-wash: rgba(255, 255, 255, 0.05);
    --lab-logo-filter: invert(1);
    /* Same brand mark, dark-scheme stroke only - the fill hex stays the target-mark's own tan
       in both schemes. */
    --lab-target-stroke: #ecdcc2;
    --lab-target-shadow: 0 -1px 3px rgba(255, 255, 255, 0.25);
    --lab-accent: #3987e5;     --lab-accent-strong: #6da7ec;
    --lab-accent-wash: #104281;
    --lab-series-1: #3987e5;  --lab-series-2: #d95926;  --lab-series-3: #199e70;
    --lab-series-4: #c98500;  --lab-series-5: #d55181;  --lab-series-7: #9085e9;
    --lab-series-8: #e66767;
    --lab-good-text: #0ca30c;  --lab-warn-text: #fab219;  --lab-critical-text: #e66767;
    --lab-delta-up: #0ca30c;   --lab-delta-down: #e66767;
  }
}