:root{
--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:19px;--text-xl:23px;--text-2xl:28px;--text-3xl:34px;--text-4xl:44px;--text-5xl:58px;--text-6xl:76px;
--leading-tight:1.06;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;
--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-caps:0.12em;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
/* Roles */
--type-display:var(--weight-bold) var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-bold) var(--text-4xl)/1.1 var(--font-display);
--type-h2:var(--weight-bold) var(--text-3xl)/1.15 var(--font-display);
--type-h3:var(--weight-semibold) var(--text-xl)/1.25 var(--font-display);
--type-h4:var(--weight-semibold) var(--text-lg)/1.3 var(--font-display);
--type-body:var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-body);
--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-semibold) var(--text-xs)/1.2 var(--font-body);
--type-eyebrow:var(--weight-bold) var(--text-2xs)/1.2 var(--font-display);
--type-mono:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono)}