:root{
/* families */
--font-display:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;

/* weights */
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* size scale (px, as used in the reference screens) */
--text-2xs:12.5px;
--text-xs:13.5px;
--text-sm:14.5px;
--text-base:16px;
--text-md:17px;
--text-lg:19px;
--text-xl:21px;
--text-2xl:24px;
--text-3xl:30px;
--text-4xl:38px;
--text-5xl:48px;
--text-6xl:60px;

/* line heights */
--leading-tight:1.08;
--leading-snug:1.2;
--leading-normal:1.45;
--leading-relaxed:1.6;
--leading-loose:1.7;

/* tracking */
--tracking-display:-.025em;
--tracking-heading:-.02em;
--tracking-normal:0;
--tracking-wide:.06em;
--tracking-eyebrow:.14em;

/* composed roles */
--type-hero:var(--weight-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);
--type-h2:var(--weight-bold) var(--text-4xl)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-stat:var(--weight-bold) var(--text-3xl)/1 var(--font-display);
--type-lead:var(--weight-regular) var(--text-base)/var(--leading-loose) var(--font-body);
--type-body:var(--weight-regular) var(--text-sm)/var(--leading-relaxed) var(--font-body);
--type-small:var(--weight-regular) var(--text-2xs)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-medium) var(--text-xs)/1.2 var(--font-body);
}