:root{
--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-3xl:40px;--text-4xl:56px;--text-5xl:80px;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
--leading-tight:1.05;--leading-snug:1.25;--leading-body:1.6;--leading-code:1.55;
--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.08em;--tracking-wider:0.16em;
/* Semantic roles */
--type-display:var(--weight-bold) var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:var(--weight-semibold) var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-body:var(--weight-regular) var(--text-md)/var(--leading-body) var(--font-mono);
--type-small:var(--weight-regular) var(--text-sm)/var(--leading-body) var(--font-mono);
--type-label:var(--weight-semibold) var(--text-xs)/1 var(--font-mono);
--type-code:var(--weight-regular) var(--text-sm)/var(--leading-code) var(--font-mono);
}