/* Type scale — display in Space Grotesk, prose in IBM Plex Sans,
   data + eyebrows in IBM Plex Mono. Ratio ~1.22, tightened optically. */
:root{
--fs-display-1:64px;--fs-display-2:48px;--fs-display-3:38px;
--fs-h1:30px;--fs-h2:24px;--fs-h3:19px;--fs-h4:16px;
--fs-body-lg:17px;--fs-body:15px;--fs-body-sm:13px;--fs-caption:12px;--fs-micro:11px;

--lh-display:1.04; /* @kind other */--lh-heading:1.2; /* @kind other */--lh-body:1.55; /* @kind other */--lh-tight:1.35; /* @kind other */--lh-mono:1.45; /* @kind other */

--ls-display:-0.024em; /* @kind other */--ls-heading:-0.014em; /* @kind other */--ls-body:0em; /* @kind other */
--ls-eyebrow:0.13em; /* @kind other */--ls-mono:0.01em; /* @kind other */

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

/* semantic type roles */
--type-eyebrow:var(--fw-medium) var(--fs-micro)/1.2 var(--font-mono);
--type-display:var(--fw-semibold) var(--fs-display-2)/var(--lh-display) var(--font-display);
--type-h1:var(--fw-semibold) var(--fs-h1)/var(--lh-heading) var(--font-display);
--type-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-tight) var(--font-display);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);
--type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-body);
--type-label:var(--fw-medium) var(--fs-body-sm)/1.3 var(--font-body);
--type-data:var(--fw-medium) var(--fs-body-sm)/var(--lh-mono) var(--font-mono);
}