:root{
--font-display:'Space Grotesk',system-ui,-apple-system,sans-serif;
--font-body:'Inter',system-ui,-apple-system,sans-serif;
--font-mono:'Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

/* Display — Space Grotesk 700, tight tracking. Headlines and any number
   the page exists to deliver. */
--fs-display-1:64px;
--lh-display-1:1.02; /* @kind font */
--ls-display-1:-.035em; /* @kind font */
--fs-display-2:44px;
--lh-display-2:1.06; /* @kind font */
--ls-display-2:-.03em; /* @kind font */
--fs-display-3:32px;
--lh-display-3:1.12; /* @kind font */
--ls-display-3:-.025em; /* @kind font */
--fs-h2:22px;
--lh-h2:1.2; /* @kind font */
--ls-h2:-.015em; /* @kind font */
--fs-h3:17.5px;
--lh-h3:1.25; /* @kind font */
--ls-h3:0; /* @kind font */

/* Body — Inter. 14px is the product default, 15-17px is marketing prose. */
--fs-lead:17px;
--lh-lead:1.55; /* @kind font */
--fs-body:14px;
--lh-body:1.5; /* @kind font */
--fs-body-sm:13px;
--lh-body-sm:1.45; /* @kind font */
--fs-caption:12px;
--lh-caption:1.4; /* @kind font */
--fs-micro:11px;
--lh-micro:1.35; /* @kind font */

/* Mono — Plex Mono, tabular. Every price, percentage, count, timestamp. */
--fs-num-xl:34px;
--fs-num-lg:20px;
--fs-num:14px;
--fs-num-sm:12px;
--fs-num-xs:10.5px;

/* Overline — the small uppercase label above headings and on tiles. */
--fs-overline:10.5px;
--ls-overline:.13em; /* @kind font */

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