/* Projected from tokens.json (W3C Design Tokens) — the template design system.
   Variable names mirror the design prototype so shell/component CSS transfers directly. */
:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #fafbfc;

  /* ink (text) */
  --ink: #0f1a2b;
  --ink-2: #586173;
  --ink-3: #8b95a4;

  /* lines / borders */
  --line: #e6e9ee;
  --line-2: #eef1f5;

  /* navy — primary accent */
  --navy: #002f65;
  --navy-600: #0a3d7c; /* hover */
  --navy-tint: #e9f1fb;
  --navy-tint-2: #f2f7fd;
  --on-navy: #ffffff;

  /* semantic tones (done / amber-warn / red-error) */
  --done: #1f5c3d;
  --done-bg: color-mix(in srgb, var(--done) 8%, var(--surface));
  --amber: #9c6b12;
  --amber-bg: #fbf4e4;
  --amber-line: #e6cd94;
  --red: #b3261e;
  --red-bg: #fdece9;
  --red-line: #eeb7b1;

  /* radius */
  --r: 12px;
  --r-sm: 8px;

  /* spacing — 8px rhythm */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* type families — Geist self-hosted (see @font-face, TODO vendor woff2);
     falls back to the system stack until the fonts are added */
  --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
}