/* Design tokens, Portland Networking Guide. Single source of truth.
   Week sprint Day 3-4. Canonical values from docs/DESIGN-SYSTEM.md.
   This file loads AFTER the legacy stylesheets, so these :root values
   win over the duplicated legacy definitions (two --green values,
   two --accent values, two --orbit-line values, etc.).
   Contrast measured Oct 14, 2026, all pairs pass WCAG AA 4.5:1:
   conflict ink on conflict bg 9.02, stale ink on stale bg 7.04,
   verified ink on verified bg 9.99, unknown ink on unknown bg 5.91,
   body text on page 14.26, brand on white 7.48, white on deep 12.04. */
:root {
  --color-page: #f9f8f3;
  --color-surface: #ffffff;
  --color-surface-soft: #eef3ed;
  --color-surface-tint: #f0f3e9;
  --color-line: #dce3d5;
  --color-line-soft: #e4e9e5;
  --color-text: #222725;
  --color-text-strong: #193d2b;
  --color-muted: #53635a;
  --color-brand: #315d4e;
  --color-brand-deep: #193d2b;
  --color-accent: #c78259;
  --color-lime: #b6d95b;
  --color-gold: #a17a22;
  --color-gold-ink: #6e5013;
  --color-verified-bg: #e6ecde;
  --color-verified-ink: #193d2b;
  --color-conflict-bg: #fbede8;
  --color-conflict-ink: #6e2c1a;
  --color-unknown-bg: #f5f7f4;
  --color-unknown-ink: #53635a;
  --color-stale-bg: #fff8e8;
  --color-stale-ink: #6e5013;
  --color-error-bg: #fbede8;
  --color-error-ink: #6e2c1a;
  --color-focus: #c78259;
  --font-serif: Georgia, serif;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.75rem;
  --line-height-tight: 1.2;
  --line-height-base: 1.6;
  --line-height-loose: 1.75;
  --measure: 68ch;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 4px rgba(33, 51, 38, 0.09);
  --shadow-md: 0 6px 24px rgba(36, 76, 56, 0.06);
  --shadow-lg: 0 20px 70px rgba(21, 48, 36, 0.19);
  /* Legacy variable names, mapped to the canonical values above. */
  --orbit-page: #f9f8f3;
  --orbit-text: #222725;
  --orbit-muted: #53635a;
  --orbit-line: #dce3d5;
  --orbit-tint: #f0f3e9;
  --green: #315d4e;
  --accent: #c78259;
  --soft: #eef3ed;
}