:root{
--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;

--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

--tracking-display:-0.03em;--tracking-title:-0.025em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-eyebrow:0.14em;--tracking-label:0.1em;

--leading-display:1.05;--leading-title:1.15;--leading-heading:1.3;--leading-body:1.65;--leading-body-lg:1.7;--leading-tight:1.5;

/* Semantic type roles */
--font-display:var(--weight-extrabold) var(--text-4xl)/var(--leading-display) var(--font-sans);
--font-h2:var(--weight-extrabold) var(--text-3xl)/var(--leading-title) var(--font-sans);
--font-h3:var(--weight-bold) var(--text-xl)/var(--leading-heading) var(--font-sans);
--font-body-lg:var(--weight-regular) var(--text-lg)/var(--leading-body-lg) var(--font-sans);
--font-body:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-sans);
--font-caption:var(--weight-regular) 12px/var(--leading-tight) var(--font-sans);
}