/* C=US — generated from tokens.json (docs/design-system). Do not edit by hand: change tokens.json and regenerate. */
:root, [data-theme="light"] {
  --navy: #142d46;
  --navy-glow: #1d4466;
  --navy-deep: #0c1d2e;
  --teal: #087f83;
  --teal-dark: #066a6e;
  --teal-light: #7fd3cf;
  --teal-label: #9dd9d4;
  --acid: #b9f453;
  --cyan: #66e0c0;
  --gold: #f2b84b;
  --rust: #8a4518;
  --on-navy: #ffffff;
  --muted-on-navy: #b9cbd6;
  --footer-ink: #dce8e8;
  --paper: #f7fbfb;
  --surface: #ffffff;
  --mist: #eaf4f3;
  --ink: #182c3d;
  --muted: #526373;
  --line: #c7d6d9;
  --accent: var(--teal);
  --accent-strong: var(--teal-dark);
  --on-accent: #ffffff;
  --signal: var(--teal-dark);
  --focus: var(--gold);
  --danger: #d64545;
  --danger-surface: var(--warn-surface);
  --deny-surface: #5a1d1d;
  --allow-surface: #1d5a2f;
  --success: #2f9e6f;
  --success-ink: #1d5a3f;
  --success-surface: #eafaf2;
  --warn-border: #b7791f;
  --warn-ink: #5b4216;
  --warn-surface: #fff8e7;
  --info-surface: #eaf4f3;
  --visited-surface: #f4f6f6;
  --visited-ink: #7c8a88;
  --pine: #075c56;
  --maple: #b44b2b;
  --cream: #fff9ed;
  --shadow-hover: 0 4px 14px rgba(20, 45, 70, .1);
  --shadow-frame: 0 6px 24px rgba(20, 45, 70, .1);
  --shadow-offset: 10px 10px 0 #087f83;
}
[data-theme="dark"] {
  --paper: #0d120f;
  --surface: #18211d;
  --mist: #111813;
  --ink: #eaf1e9;
  --muted: #aab8ae;
  --line: #3b4940;
  --accent: var(--cyan);
  --accent-strong: var(--cyan);
  --on-accent: #102017;
  --signal: var(--acid);
  --danger: #ff927d;
  --danger-surface: #2d1d1a;
  --success: #8fd6a8;
  --success-ink: #8fd6a8;
  --success-surface: #183322;
  --warn-border: #6b5520;
  --warn-ink: #f3c982;
  --warn-surface: #33290f;
  --info-surface: #14283a;
  --visited-surface: #111813;
}
:root {
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --gutter: 1.25rem;
  --radius-xs: 0.25rem;
  --radius-badge: 5px;
  --radius-sm: 0.35rem;
  --radius-control: 6px;
  --radius-md: 0.5rem;
  --radius-image: 10px;
  --radius-round: 2rem;
  --radius-pill: 99px;
  --stroke-hairline: 1px;
  --stroke-control: 2px;
  --stroke-callout: 3px;
  --stroke-accent: 4px;
  --stroke-masthead: 5px;
  --content-width: 1120px;
  --measure: 700px;
  --masthead-height: 4.5rem;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-lab: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, Consolas, monospace;
}