:root{
  --font-sans:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:var(--font-sans);
  --font-body:var(--font-sans);

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

  /* Display XL — one per page, the main expressive device */
  --text-display-xl-size:clamp(48px,8vw,112px);
  --text-display-xl-weight:600;
  --text-display-xl-tracking:-0.035em;
  --text-display-xl-leading:0.95;

  /* Display L — section headlines */
  --text-display-l-size:clamp(36px,5vw,72px);
  --text-display-l-weight:600;
  --text-display-l-tracking:-0.03em;
  --text-display-l-leading:1;

  /* Heading — card titles, sub-sections */
  --text-heading-size:clamp(24px,3vw,40px);
  --text-heading-weight:600;
  --text-heading-tracking:-0.02em;
  --text-heading-leading:1.15;

  /* Body L — lead paragraphs under headlines */
  --text-body-l-size:19px;
  --text-body-l-weight:400;
  --text-body-l-tracking:-0.005em;
  --text-body-l-leading:1.55;

  /* Body — 17px floor. The audience is 35–60. Never go smaller. */
  --text-body-size:17px;
  --text-body-weight:400;
  --text-body-tracking:0;
  --text-body-leading:1.6;

  /* Label — small caps eyebrow above headlines */
  --text-label-size:11px;
  --text-label-weight:500;
  --text-label-tracking:0.14em;
  --text-label-leading:1.4;
  --text-label-transform:uppercase;

  --measure:65ch;
}