/* FloodFusion-Q design tokens (UI description, section II + web/DESIGN_PLAN.md).
   Six named colours: deep-sea navy #071426, instrument panel #10243A, signal cyan #22D3EE (ONLY the user's
   selection: Date A/B, selected hotspot, active tab, focus), sea foam #E6EEF5 (text), silt #8BA3B8
   (secondary text, axes), provisional amber #F2B544 (PROVISIONAL, cross-sensor warnings).
   Data colours come only from the class palette (DATA_CONTRACT R1), listed below as --cls-*. */
:root {
  --bg: #071426;
  --bg-2: #0a1b31;
  --panel: #10243a;
  --panel-2: #142c46;
  --panel-3: #1a3654;
  --border: #23415f;
  --border-strong: #2f5b80;
  --text: #e6eef5;
  --text-2: #c3d2e0;
  --muted: #8ba3b8;
  --accent: #22d3ee;
  --accent-2: #38bdf8;
  --accent-ink: #04202b;
  --good: #34d399;
  --warn: #f2b544;
  --warn-bg: #3a2c0b;
  --bad: #f87171;
  --sim: #f59e0b;           /* "SIMULATED" labels */
  --sim-bg: #3b2506;
  --grid: #24405c;
  --figure: #ffffff;        /* raster figure background, like Matplotlib */
  --figure-ink: #111827;
  /* class palette (data only) */
  --cls-permanent: #2a78d6;
  --cls-new: #eb6834;
  --cls-vegetation: #1baf7a;
  --cls-nochange: #ecebe6;
  --cls-seasonal: #8c6bb1;
  /* type scale (The Elements of Typographic Style: 11 · 12 · 14 · 18 · 24 · 36) */
  --fs-11: 11px; --fs-12: 12px; --fs-14: 14px; --fs-18: 18px; --fs-24: 24px; --fs-36: 36px;
  --radius: 12px;           /* containers */
  --radius-sm: 6px;         /* controls, chips */
  --shadow: 0 8px 28px #0006;
  --font: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  /* chart series, validated for colour-vision deficiency on the panel colour */
  --series-1: #0f9fae;
  --series-2: #d07f14;
  color-scheme: dark;
}