:root {
  --navy: #001c3d;
  --navy-dark: #001028;
  --navy-mid: #002855;
  --sky: #5ba4cf;
  --sky-light: #a8d4ef;
  --sky-pale: #e8f4fa;

  --bg: #ffffff;
  --bg-alt: #f5f8fa;
  --text: #001c3d;
  --text-muted: #4a6278;
  --text-on-dark: #ffffff;
  --text-on-dark-muted: rgba(255, 255, 255, 0.72);
  --border: #d4dee8;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --text-width: 36rem;
  --grid-width: 72rem;
  --header-height: 3.75rem;

  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --ease: 120ms ease;
}