:root{
  --font-display:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --font-body:"Figtree","Helvetica Neue",system-ui,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

  /* Fluid display steps — clamp so hero type never breaks small viewports */
  --text-display-xl:clamp(2.75rem,6.2vw,4.75rem);
  --text-display-l:clamp(2.25rem,4.6vw,3.5rem);
  --text-heading-l:clamp(1.75rem,3vw,2.5rem);
  --text-heading-m:clamp(1.375rem,2vw,1.75rem);
  --text-heading-s:1.1875rem;
  --text-body-l:1.125rem;
  --text-body-m:1rem;
  --text-body-s:0.9375rem;
  --text-caption:0.8125rem;
  --text-overline:0.75rem;

  --leading-tight:1.04;
  --leading-snug:1.18;
  --leading-heading:1.28;
  --leading-body:1.62;
  --leading-loose:1.75;

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --tracking-display:-0.022em;
  --tracking-heading:-0.012em;
  --tracking-body:0em;
  --tracking-overline:0.14em;
  --tracking-logo:0.18em;

  --measure-prose:64ch; /* @kind other */
  --measure-lede:48ch; /* @kind other */
}