:root {
  --brand-blue-900: #02225f;
  --brand-blue-800: #022f7d;
  --brand-blue-700: #06479d;
  --brand-blue-500: #1264b4;
  --brand-yellow-500: #f8b10a;
  --brand-yellow-400: #ffc21c;
  --color-white: #ffffff;
  --color-surface: #f5f7fa;
  --color-text: #101828;
  --color-text-muted: #667085;
  --color-border: #d9e1ec;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --container: 75rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --transition: 180ms ease;
}