:root{
  /* type scale — display serif for headings/mythic voice, Inter for reading & UI */
  --text-display-xl: 400 clamp(48px,7vw,96px)/1.12 var(--font-display);
  --text-display-l: 400 clamp(36px,5vw,64px)/1.15 var(--font-display);
  --text-display-m: 400 clamp(28px,3.5vw,40px)/1.22 var(--font-display);
  --text-display-s: 500 24px/1.3 var(--font-display);
  --text-eyebrow: 500 13px/1.4 var(--font-body);
  --text-body-l: 400 19px/1.7 var(--font-body);
  --text-body: 400 16px/1.75 var(--font-body);
  --text-body-s: 400 14px/1.65 var(--font-body);
  --text-caption: 400 13px/1.5 var(--font-body);
  --text-nav: 500 14px/1 var(--font-body);
  --tracking-eyebrow: 0.14em;
  --tracking-nav: 0.02em;
  --tracking-display: -0.01em;
}