:root{
--font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
--font-body:'DM Sans',ui-sans-serif,system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:88px;
--leading-tight:1.02;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
--tracking-display:-0.035em;--tracking-heading:-0.015em;--tracking-body:0;--tracking-mono:0.06em;
/* Semantic roles */
--type-display:var(--weight-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-bold) var(--text-4xl)/1.05 var(--font-display);
--type-h2:var(--weight-semibold) var(--text-3xl)/1.1 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-normal) var(--font-body);
--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:var(--weight-semibold) 13px/1.3 var(--font-body);
--type-mono-label:var(--weight-medium) var(--text-2xs)/1.3 var(--font-mono);
}