:root{
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, "Menlo", monospace;

  --weight-display: 500; /* @kind font */
  --weight-body: 400; /* @kind font */
  --weight-body-medium: 500; /* @kind font */

  /* Editorial display scale — clamped so heroes stay large but never overflow */
  --text-hero: clamp(3.25rem, 9vw, 8.5rem);   /* 52 → 136 */
  --text-display-1: clamp(2.5rem, 6vw, 5rem); /* 40 → 80 */
  --text-display-2: clamp(2rem, 4.5vw, 3.5rem);
  --text-title-1: 2rem;      /* 32 */
  --text-title-2: 1.5rem;    /* 24 */
  --text-title-3: 1.25rem;   /* 20 */
  --text-body-lg: 1.125rem;  /* 18 */
  --text-body-md: 1rem;      /* 16 */
  --text-body-sm: 0.875rem;  /* 14 */
  --text-caption: 0.75rem;   /* 12 */

  --leading-display: 0.94; /* @kind font */
  --leading-title: 1.12; /* @kind font */
  --leading-body: 1.6; /* @kind font */
  --leading-tight: 1.3; /* @kind font */

  /* Display type is set tight; eyebrows/labels are wide and uppercase */
  --tracking-display: -0.03em; /* @kind font */
  --tracking-title: -0.015em; /* @kind font */
  --tracking-body: 0em; /* @kind font */
  --tracking-label: 0.16em; /* @kind font */
  --tracking-wordmark: 0.02em; /* @kind font */

  --measure-prose: 62ch; /* @kind font */
  --measure-lede: 46ch; /* @kind font */
}