:root{
  /* Dark scheme: makes native form controls (date/time pickers + their icons,
     selects, scrollbars) render light-on-dark instead of invisible dark-on-dark. */
  color-scheme: dark;
  /* Refined near-neutral deep palette (Linear/Vercel-class) — was a saturated
     blue-slate that read as a stock admin template. Whisper-cool, deep, premium. */
  --bg-0:#08090b; --bg-1:#0c0d11; --bg-2:#15161b; --bg-card:#101116; --bg-raised:#1a1c22; --bg-input:#090a0d;
  --bg-surface:#1a1c22; /* alias of --bg-raised: the "lifted" surface for sub-cards */
  --mon-0:#05070a; --mon-1:#0a0d12; --mon-2:#11151c;
  /* White-alpha hairline borders adapt to the surface beneath = more refined than solid slate. */
  --border-subtle:rgba(255,255,255,0.06); --border:rgba(255,255,255,0.10); --border-strong:rgba(255,255,255,0.17);
  --text-1:#ececee; --text-2:#9ea2ab; --text-muted:#6e727c; --text-faint:#4f535b;
  /* Indigo accent (Linear-class) instead of stock Tailwind blue. */
  --accent:#5e6ad2; --accent-strong:#4f5bc4; --accent-soft:rgba(94,106,210,0.16);
  --ok:#34d399; --ok-dim:#0f3b30; --live:#43e07a; --warn:#fbbf24; --warn-dim:#3d2f08;
  --danger:#f87171; --danger-strong:#ef4444; --danger-dim:#3a1414;
  /* X4 annotation-pin amber — used by the replay pin-rail ticks and the
     on-canvas pin callout. Warmer than --warn so pins read as "annotation",
     not "warning". Was undefined, which made the pin-rail ticks invisible. */
  --pin:#f59e0b;
  --r-sm:6px; --r-md:9px; --r-lg:14px; --r-pill:999px;
  /* Global nav bar height (fixed so sticky offsets below it can be exact). */
  --topbar-h:46px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  /* Minimum touch-target size for coarse pointers (WCAG 2.5.5 / Apple HIG 44px).
     Applied in components.css under @media(pointer:coarse) so desktop/mouse is
     untouched. */
  --tap-min:44px;
  --font-ui:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --ring:0 0 0 2px var(--bg-0),0 0 0 4px var(--accent);
}
