:root, [data-theme="light"] {
  --surface: #ffffff;
  --surface-alt: #f3f5f9;
  --surface-black: #231f20;
  --line: #dfe3ec;
  --ink: #231f20;
  --ink-muted: #5b6270;
  --on-black: #ffffff;
  --on-black-muted: #b9b5b6;
  --navy: #243b71;
  --navy-deep: #182a55;
  --navy-soft: #e9edf6;
  --orange: #f4a921;
  --orange-deep: #c98300;
  --on-orange: #231f20;
  --on-navy: #ffffff;
  --link: #243b71;
  --focus-ring: #243b71;
  --overlay: #182a55cc;
  --shadow-card: 0 1px 2px #231f2014, 0 8px 24px #231f2014;
  --shadow-card-hover: 0 2px 4px #231f201a, 0 16px 40px #231f2026;
}
[data-theme="navy"] {
  --surface: #243b71;
  --surface-alt: #182a55;
  --surface-black: #231f20;
  --line: #3f5a99;
  --ink: #ffffff;
  --ink-muted: #c7cfe2;
  --on-black: #ffffff;
  --on-black-muted: #b9b5b6;
  --navy: #243b71;
  --navy-deep: #182a55;
  --navy-soft: #e9edf6;
  --orange: #f4a921;
  --orange-deep: #c98300;
  --on-orange: #231f20;
  --on-navy: #ffffff;
  --link: #f4a921;
  --focus-ring: #ffffff;
  --overlay: #182a55cc;
}
:root {
  --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;
  --space-24: 96px;
  --container: 1200px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --skew-band: -12deg;
  --font-display: "Barlow", "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;
  --font-sans: "Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, sans-serif;
}