:root {
  --color-red: #ed1c24;
  --color-red-deep: #b81218;
  --color-red-soft: #fce8e9;
  --color-white: #ffffff;
  --color-ink: #1a1a1a;
  --color-ink-muted: #4a4a4a;
  --color-mist: #f7f5f3;
  --color-forest: #2c4a3e;
  --color-forest-soft: #e8efec;
  --color-border: rgba(26, 26, 26, 0.12);

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-size-body: 1.0625rem; /* 17px */

  --font-size-h1: clamp(2rem, 4vw, 3.25rem);
  --font-size-h2: clamp(1.35rem, 2.4vw, 1.95rem);
  --font-size-h3: clamp(1.05rem, 1.65vw, 1.3rem);
  --font-size-h4: clamp(0.95rem, 1.4vw, 1.125rem);
  --font-size-h5: clamp(0.9rem, 1.2vw, 1rem);
  --font-size-h6: clamp(0.875rem, 1.1vw, 0.95rem);
  --font-size-page-hero: clamp(1.55rem, 2.6vw, 2.1rem);
  --font-size-stat: clamp(1.75rem, 3.5vw, 2.5rem);

  --max-width: 1200px;
  --header-height: 5.25rem;
  --radius: 2px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-soft: 0 20px 50px rgba(26, 26, 26, 0.08);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
}