:root{
--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:21px;--text-xl:26px;--text-2xl:32px;--text-3xl:42px;--text-4xl:56px;--text-5xl:72px;--text-6xl:96px;
--leading-tight:1.04;--leading-snug:1.2;--leading-normal:1.55;--leading-loose:1.75;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-caps:0.18em;
/* Roles */
--type-display:var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-bold) var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h2:var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);
--type-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-body);
--type-body-lg:var(--weight-regular) var(--text-md)/var(--leading-loose) var(--font-body);
--type-small:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-eyebrow:var(--weight-medium) var(--text-xs)/1.2 var(--font-display);
--type-script:var(--weight-regular) var(--text-2xl)/1.2 var(--font-script);
}