:root{
--font-display:"Space Grotesk","Space Grotesk Fallback",system-ui,sans-serif;
--font-body:"IBM Plex Sans","IBM Plex Sans Fallback",system-ui,sans-serif;
--font-mono:"JetBrains Mono","JetBrains Mono Fallback",ui-monospace,Menlo,monospace;

--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */

/* Display scale — Space Grotesk, tight tracking, tight leading */
--type-display-1:600 72px/1.02 var(--font-display);
--type-display-2:600 56px/1.05 var(--font-display);
--type-h1:600 40px/1.1 var(--font-display);
--type-h2:600 30px/1.15 var(--font-display);
--type-h3:600 22px/1.25 var(--font-display);
--type-h4:600 17px/1.3 var(--font-display);

/* Body scale — IBM Plex Sans */
--type-lead:400 20px/1.55 var(--font-body);
--type-body:400 16px/1.6 var(--font-body);
--type-body-sm:400 14px/1.55 var(--font-body);
--type-caption:400 12px/1.4 var(--font-body);

/* Mono — data, code, labels */
--type-mono:500 14px/1.5 var(--font-mono);
--type-mono-sm:500 12px/1.45 var(--font-mono);
--type-eyebrow:600 12px/1.2 var(--font-mono);

--tracking-display:-0.022em;
--tracking-tight:-0.012em;
--tracking-normal:0;
--tracking-eyebrow:0.14em;
--tracking-mono:0.01em;
}