/*
  Design tokens for the Waste Operations Dashboard concept demonstration.
  Single light theme for Version One (no in-app dark-mode toggle is required
  by the approved brief). Status hues are used only as small dots / left
  borders / icons next to text -- never as the color of running text --
  so contrast stays safe without automated validation tooling (see
  docs/setup.md for why that tooling isn't available in this environment).
*/
:root {
  /* Surfaces */
  --surface-page: #f9f9f7;
  --surface-card: #fcfcfb;
  --surface-banner: #fff4d6;

  /* Ink */
  --ink-primary: #0b0b0b;
  --ink-secondary: #52514e;
  --ink-muted: #898781;

  /* Structure */
  --border-hairline: #e1e0d9;
  --border-ring: rgba(11, 11, 11, 0.1);

  /* Neutral accent used for links / active nav state */
  --accent: #2a78d6;
  --accent-ink: #184f95;

  /* Status / severity color language (fixed -- never repurposed as decoration).
     Each is paired with an icon + text label wherever it appears; never
     color alone. Used only for small dots, left-border stripes, and badge
     icons -- never as text color or as a low-contrast background fill. */
  --status-normal: #898781;      /* on track / no flagged condition */
  --status-review: #fab219;      /* needs review */
  --status-elevated: #ec835a;    /* elevated review */
  --status-exception: #2a78d6;   /* documented / explained exception */
  --status-dataquality: #4a3aa7; /* data-quality issue */

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius: 8px;
  --radius-sm: 4px;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
}