:root {
  color-scheme: light;

  --color-navy: #14243A;
  --color-navy-deep: #0B1728;
  --color-slate: #33465F;
  --color-teal: #087F78;
  --color-teal-text: #087870;
  --color-text-muted: #636F84;
  --color-white: #FFFFFF;
  --color-warm: #F8F7F4;
  --color-cool: #FAFBFC;
  --color-border: #E2E8F0;
  --color-focus: #087F78;

  --color-page: var(--color-white);
  --color-surface-alt: var(--color-warm);
  --color-text: var(--color-navy);
  --color-link: var(--color-teal-text);

  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: 1rem;
  --font-lead: clamp(1.0625rem, 1rem + .45vw, 1.3125rem);
  --font-h1: clamp(2.25rem, 1.55rem + 3.4vw, 4.25rem);
  --font-h2: clamp(1.875rem, 1.25rem + 2.25vw, 3rem);
  --font-h3: clamp(1.3125rem, 1.1rem + .75vw, 1.75rem);
  --line-body: 1.65;
  --line-heading: 1.12;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --container-max: 75rem;
  --radius-sm: .375rem;
  --radius-md: .625rem;
  --radius-lg: 1rem;
}