:root{
/* Scale — display sizes are uppercase, extra-bold, tight. */
--fs-display-1:clamp(2.75rem,6vw,4.5rem); /* @kind font */
--fs-display-2:clamp(2.25rem,4.5vw,3.25rem); /* @kind font */
--fs-h1:2.5rem; /* @kind font */
--fs-h2:2rem; /* @kind font */
--fs-h3:1.5rem; /* @kind font */
--fs-h4:1.25rem; /* @kind font */
--fs-body-lg:1.125rem; /* @kind font */
--fs-body:1rem; /* @kind font */
--fs-body-sm:0.9375rem; /* @kind font */
--fs-caption:0.8125rem; /* @kind font */
--fs-eyebrow:0.8125rem; /* @kind font */
--fs-button:0.9375rem; /* @kind font */
--fs-stat:3rem; /* @kind font */

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */
--fw-black:900; /* @kind font */

--lh-display:1.02; /* @kind font */
--lh-heading:1.15; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-tight:1.3; /* @kind font */

--ls-display:-0.02em; /* @kind font */
--ls-heading:-0.01em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-eyebrow:0.14em; /* @kind font */
--ls-button:0.06em; /* @kind font */

/* Semantic roles */
--type-display:var(--fw-extrabold) var(--fs-display-1)/var(--lh-display) var(--font-display); /* @kind font */
--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display); /* @kind font */
--type-h3:var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-display); /* @kind font */
--type-h4:var(--fw-bold) var(--fs-h4)/var(--lh-heading) var(--font-display); /* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
--type-eyebrow:var(--fw-bold) var(--fs-eyebrow)/1.2 var(--font-ui); /* @kind font */
--type-button:var(--fw-bold) var(--fs-button)/1 var(--font-ui); /* @kind font */
}