:root {
  --blue: #114889;
  --navy: #071E46;
  --ink: #0C0A09;
  --slate: #4B5563;
  --white: #FFFFFF;
  --yellow: #F9C31F;
  --red: #EE2B2B;
  --font-display: Outfit, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-size-body: 18px;
  --font-size-lead: 22px;
  --font-size-h3: 28px;
  --font-size-h2: 36px;
  --font-size-h1: 48px;
  --font-size-h1-mobile: 36px;
  --font-size-label: 14px;
  --line-height-body: 1.6;
  --radius-control: 6px;
  --radius-label: 4px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --tap-target: 48px;
