:root{
/* sizes — phone-first scale, 1.0 = 16px */
--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;
--text-xl:21px;--text-2xl:26px;--text-3xl:32px;--text-4xl:40px;--text-5xl:52px;--text-6xl:68px;
/* weights */
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
/* leading */
--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.45;--leading-relaxed:1.6;
/* tracking */
--tracking-display:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-caps:0.08em;

/* roles */
--type-display:var(--weight-semibold) var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-title-lg:var(--weight-semibold) var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-title:var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);
--type-subtitle:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-body);
--type-body:var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-body);
--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-medium) var(--text-sm)/1.2 var(--font-body);
--type-caption:var(--weight-regular) var(--text-xs)/1.35 var(--font-body);
--type-mono:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);
--type-timer:var(--weight-medium) var(--text-6xl)/1 var(--font-mono);
}