:root {
  /* ---- Type scale (Inter everywhere; weight does the differentiation) ---- */
  --display-hero: 800 clamp(3rem, 2.4rem + 2.6vw, 4.25rem)/1.12 var(--font-sans);   /* gradient hero headline */
  --display-section: 700 2rem/1.25 var(--font-sans);                                 /* "Galleries", "Latest Articles" */
  --display-card: 700 1.5rem/1.3 var(--font-sans);                                   /* article card titles */
  --display-banner: 700 1.75rem/1.3 var(--font-sans);                                /* promo banner title */

  --body-md: 400 1rem/1.8 var(--font-sans);       /* hero subcopy — airy line-height */
  --body-sm: 400 0.875rem/1.65 var(--font-sans);  /* card body text */
  --body-xs: 400 0.8125rem/1.6 var(--font-sans);  /* footer legal */

  --label-nav: 500 0.9375rem/1.2 var(--font-sans);   /* nav links */
  --label-btn: 600 0.9375rem/1.2 var(--font-sans);   /* buttons */
  --label-link: 600 0.9375rem/1.2 var(--font-sans);  /* "view all", "read more" */
  --label-tag: 500 0.8125rem/1.2 var(--font-sans);   /* tag pills */

  --tracking-normal: 0;
  --tracking-tight: -0.01em; /* section & card titles */
}