/* tokens.css — lake blue, pine green, warm cream. Generous type for older eyes. */
:root {
  color-scheme: light;
  --bg: #faf6ee;          /* warm cream */
  --card: #fffdf8;
  --card-2: #f3ede0;
  --line: #e2d9c6;
  --line-hover: #b9ad92;
  --ink: #1d2b2e;
  --ink-dim: #58686a;
  --lake: #1f5f8b;        /* primary */
  --lake-hover: #174a6d;
  --lake-dim: #e3eef6;
  --pine: #2f5d3a;        /* accent */
  --pine-dim: #e4efe4;
  --on-accent: #ffffff;
  --good: #2f6b3f; --good-dim: #e2f0e4;
  --warn: #8a5a12; --warn-dim: #f8ecd4;
  --bad: #a93b3b; --bad-dim: #f8e3e3;
  --radius: 18px; --radius-s: 12px;
  --shadow: 0 14px 48px rgba(31, 61, 80, .14);
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif;
  --fs-hero: 40px; --fs-1: 30px; --fs-2: 23px; --fs-3: 19px; --fs-body: 17px; --fs-small: 15px; --fs-cap: 12px;
  --ease: cubic-bezier(.2,.8,.2,1); --t-fast: 150ms;
  --tap: 48px;
  --rail: 240px;
}