:root {
  /* Brand */
  --navy: #15295d;
  --blue: #0032a0;
  --red: #ae1c30;
  --white: #ffffff;

  /* Neutrals (design brief) */
  --ivory: #f6f2ea;
  --stone: #e7e0d3;
  --ink: #14161c;
  --gray: #4a4f5c;

  /* Type */
  --font-serif: "Calisto MT", "EB Garamond", Georgia, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.75rem, 4vw, 2.5rem);
  --text-hero: clamp(2.25rem, 7vw, 4rem);

  /* Spacing (8px grid) */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;

  --radius: 4px;
  --max-width: 72rem;
}