:root {
  color-scheme: light;
  --navy: #223675;
  --lime: #a9ce55;
  --lime-soft: #eef5dc;
  --lime-ink: #3f5c10;
  --surface: #f7f8fb;
  --surface-raised: #fff;
  --surface-tint: #edf0f8;
  --surface-inverse: #223675;
  --ink: #1a2340;
  --ink-muted: #4b5573;
  --heading: #223675;
  --link: #223675;
  --line: #dce1ec;
  --line-strong: #7a85a3;
  --primary: #223675;
  --primary-hover: #1a2a5e;
  --on-primary: #fff;
  --focus: #223675;
  --amber: #8a5200;
  --amber-soft: #fdf1dc;
  --danger: #b3261e;
  --danger-soft: #fcebea;
  --font-display: "Lexend", "Trebuchet MS", sans-serif;
  --font-text: "Atkinson Hyperlegible Next", Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-arc: 120px;
  --radius-pill: 999px;
  --container-max: 1200px;
  --measure: 66ch;
  --header-height: 104px;
  --tap-target: 48px;
  --shadow-md: 0 8px 24px rgba(34, 54, 117, .10), 0 2px 6px rgba(34, 54, 117, .06);
  --shadow-lg: 0 -8px 32px rgba(34, 54, 117, .14);
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}