:root{
/* Primary: PP Monument Extended — wide grotesque, used uppercase for all titles.
   Secondary: Basel Grotesk (DM Sans is the sanctioned digital fallback). */
--font-display:"PP Monument Extended","DM Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
--font-sans:"Basel Grotesk","DM Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
/* Retained so older rules resolve; both now point at the brand grotesques. */
--font-serif:var(--font-display);

/* Sizes — Monument is extremely wide, so display sizes sit lower than a serif scale */
--size-display-1:clamp(38px,4.8vw,76px);
--size-display-2:clamp(30px,3.4vw,52px);
--size-h1:clamp(26px,2.5vw,38px);
--size-h2:24px;
--size-h3:18px;
--size-body-lg:18px;
--size-body:16px;
--size-body-sm:14px;
--size-caption:12px;
--size-eyebrow:11px;

--leading-tight:1.12;
--leading-snug:1.28;
--leading-normal:1.5;
--leading-relaxed:1.7;

/* Monument ships Light and Regular only; Basel Grotesk Light and Regular only. */
--weight-light:300;
--weight-regular:400;
--weight-medium:400;
--weight-semibold:400;
--weight-bold:400;

/* Tracking — Monument is already extended, so tracking on titles stays restrained;
   the wide-tracked uppercase move belongs to eyebrows and UI labels. */
--tracking-display:0.01em;
--tracking-normal:0;
--tracking-tight:-0.01em;
--tracking-wide:0.06em;
--tracking-wider:0.14em;
--tracking-widest:0.24em;

/* Semantic roles */
--text-display-family:var(--font-display);
--text-heading-family:var(--font-display);
--text-body-family:var(--font-sans);
--text-ui-family:var(--font-display);
--text-eyebrow-tracking:var(--tracking-widest);
}