/* Semantic design tokens (slice 016), layered on vendored Open Props.
 *
 * Light only. There is no dark mode — a second palette doubles the design and
 * verification surface for a single user who prefers light (see the slice's ADR).
 * `color-scheme: light` pins form controls and scrollbars so the browser/iOS
 * doesn't half-darken them into something that matches nothing.
 *
 * Every colour pair below is WCAG-AA checked against its surface, not eyeballed
 * (the plan's `scripts/validate_palette.js` was never vendored, so this was done
 * by hand). Key ratios on white cards (--surface):
 *   ink-primary 16.1:1   ink-secondary 7.4:1   ink-muted 4.6:1
 *   accent text 5.5:1    white-on-accent 5.5:1  (teal-700 — the lighter teal
 *   only reached 3.7:1 and failed AA for button text)
 *   good 4.9   warning 4.9   critical 5.9
 * ink-muted clears AA on the white card surface; muted labels therefore live on
 * cards, not on the dimmer page background.
 *
 * The names mirror the app's existing `--bg`(page) / `--surface`(card) vocabulary
 * so every pre-016 screen renders light unchanged; slice 017 migrates those
 * screens onto the fuller token set. New Home CSS also uses Open Props
 * (--size-*, --radius-*, --shadow-*, --font-size-*) directly.
 */
:root {
  color-scheme: light;

  /* Surfaces */
  --bg: #f6f8fa; /* page background */
  --surface: #ffffff; /* cards, bars, sheets */
  --surface-raised: var(--surface); /* alias for the plan's naming */
  --border: #e6eaef;
  --border-hairline: var(--border);

  /* Ink */
  --text: #0f172a;
  --ink-primary: var(--text);
  --ink-secondary: #475569;
  --muted: #64748b;
  --ink-muted: var(--muted);

  /* Accent — one teal. White ink clears AA on it; --accent-weak is the soft
     tint for chips and the active nav pill, with --accent as its text. */
  --accent: #0f766e;
  --accent-ink: #ffffff;
  --accent-weak: #ccfbf1;

  /* Status — state only (over/under target), never recycled as a series or
     decorative colour (dataviz rule). */
  --good: #15803d;
  --warning: #b45309;
  --critical: #b91c1c;

  /* App layout */
  --tabbar-h: 3.5rem;
}