/* Design tokens (non-color). Colors live in palettes.css. */
:root {
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;

  --fs-xs: 0.85rem;
  --fs-sm: 0.95rem;
  --fs-base: 1.075rem;
  --fs-lg: 1.3rem;
  --fs-xl: clamp(1.8rem, 3.2vw, 2.6rem);
  --fs-hero: clamp(2.4rem, 5.5vw, 4.2rem);

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

  --radius-sm: 10px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px -18px rgba(0, 0, 0, 0.35);

  --container: 1120px;
  --container-narrow: 760px;
  --header-h: 68px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-reveal: 700ms;
  --reveal-distance: 28px;
}