/* Underway design tokens — the single source, for the app AND the site.
 *
 * ── Why this file lives in site/ ────────────────────────────────────
 *
 * It reads oddly and it is the right place. The two consumers have
 * asymmetric constraints:
 *
 *   the site  deploys as plain static files with no build step at all
 *             (`netlify deploy --dir=site`), so it can only link a
 *             file that is already inside site/;
 *   the app   is bundled by Vite, which inlines a cross-directory
 *             @import without complaint.
 *
 * So the canonical copy sits where the constrained consumer can reach
 * it, and the capable one reaches across. The alternative — a shared/
 * directory plus a generated copy in site/ — restores the duplication
 * this file exists to remove, just with a script in the middle.
 *
 * ── What this replaced ──────────────────────────────────────────────
 *
 * Two hand-maintained :root blocks with thirteen tokens in common,
 * which had already drifted: the site's font stacks carried an
 * -apple-system fallback the app's did not. Nobody noticed, because
 * nothing could. The divergence below is the version that was kept —
 * strictly the better chain, since it reaches the macOS and iOS system
 * face before falling back to generic sans-serif.
 *
 * ── What does NOT belong here ───────────────────────────────────────
 *
 * Tokens one consumer genuinely needs and the other does not. The app
 * has --color-card and the danger pair, which a marketing page has no
 * use for; the site has --wrap and --gutter, which a phone-width app
 * has no use for. Those stay in their own stylesheets. Shared means
 * shared, not "everything either side happens to define".
 *
 * tests/tokens.test.js fails if a consumer redefines anything here.
 */

:root {
  /* Surfaces and ink */
  --color-bg: #e9e9ec;
  --color-surface: #faf9f8;
  --color-ink: #16181d;
  --color-muted: #83868f;
  --color-faint: #9a9da5;

  /* Underway navy, and the tints built from it */
  --color-primary: #14329b;
  --color-primary-hover: #0d2270;
  --color-primary-soft: #f4f6fd;
  --color-primary-chip: #e9edfa;

  /* Rules and dividers */
  --color-border: #e4e3e8;
  --color-border-soft: #ecebef;

  /* Archivo throughout — one face, weight does the work. */
  --font-heading: 'Archivo', system-ui, -apple-system, sans-serif;
  --font-body: 'Archivo', system-ui, -apple-system, sans-serif;
}