:root{
/* Sizes — display is deliberately far from body. Nothing lives in between by accident. */
--size-display-1:clamp(56px,9vw,132px);--size-display-2:clamp(42px,6vw,88px);--size-display-3:clamp(32px,4vw,56px);
--size-heading:28px;--size-subheading:22px;
--size-lead:21px;--size-body:18px;--size-body-sm:16px;--size-caption:14px;
--size-utility:12px;--size-utility-sm:11px;

--leading-display:0.94;--leading-tight:1.14;--leading-body:1.62;--leading-loose:1.75;
--tracking-display:-0.02em;--tracking-tight:-0.01em;--tracking-body:0;--tracking-utility:0.14em;--tracking-utility-wide:0.22em;

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

--measure-narrow:34ch;--measure-read:62ch;--measure-wide:78ch;

/* Roles */
--type-display:var(--weight-regular) var(--size-display-1)/var(--leading-display) var(--font-display);
--type-lead:var(--weight-light) var(--size-lead)/var(--leading-loose) var(--font-body);
--type-body:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);
--type-utility:var(--weight-medium) var(--size-utility)/1.2 var(--font-utility)}