:root {
  --font-display: "Plus Jakarta Sans", Arial, sans-serif;
  --font-body: "Plus Jakarta Sans", Arial, sans-serif;

  --color-navy: #1B4B8A;
  --color-teal: #2BA4C8;
  --color-amber: #E8941A;
  --color-teal-tint: #E6F6FB;
  --color-teal-border: #C8E9F5;
  --color-amber-tint: #FEF3E2;

  --color-base: #EBF1F9;
  --color-surface: #FFFFFF;
  --color-primary: var(--color-navy);
  --color-primary-dark: var(--color-navy);
  --color-primary-soft: var(--color-teal-tint);
  --color-utility-bar: var(--color-navy);
  --color-accent: var(--color-teal);
  --color-accent-soft: var(--color-amber);
  --color-cta: var(--color-amber);
  --color-cta-soft: var(--color-amber-tint);
  --color-text: #0D2A50;
  --color-muted: #587099;
  --color-text-muted: var(--color-muted);
  --color-border: var(--color-teal-border);
  --color-focus: var(--color-amber);
  --color-shadow: rgba(13, 42, 80, 0.12);
  --color-overlay: rgba(27, 75, 138, 0.15);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --space-11: 5rem;
  --space-12: 6rem;

  --radius-xs: 0.25rem;
  --radius-sm: 6px;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;

  --container: 72rem;
  --container-narrow: 54rem;
  --border-width: 0.0625rem;
  --focus-width: 0.1875rem;
  --nav-height: 6rem;

  --font-size-xs: 0.875rem;
  --font-size-sm: 0.95rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;
  --font-size-2xl: 2.8rem;
  --font-size-3xl: 3.8rem;

  --line-tight: 1.12;
  --line-heading: 1.2;
  --line-body: 1.7;

  --duration-fast: 160ms;
  --duration-med: 260ms;
  --duration-slow: 620ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
}