:root{
--font-display:"Outfit","Hanken Grotesk",system-ui,sans-serif;
--font-text:"Hanken Grotesk","Outfit",system-ui,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,monospace;

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

/* display — Outfit, tight tracking, tight leading */
--fs-display-1:88px;
--lh-display-1:0.94; /* @kind font */
--ls-display-1:-0.035em; /* @kind font */
--fs-display-2:64px;
--lh-display-2:0.96; /* @kind font */
--ls-display-2:-0.032em; /* @kind font */
--fs-display-3:48px;
--lh-display-3:1.02; /* @kind font */
--ls-display-3:-0.028em; /* @kind font */
--fs-display-4:36px;
--lh-display-4:1.06; /* @kind font */
--ls-display-4:-0.024em; /* @kind font */

/* headings */
--fs-h1:28px;
--lh-h1:1.14; /* @kind font */
--ls-h1:-0.018em; /* @kind font */
--fs-h2:22px;
--lh-h2:1.2; /* @kind font */
--ls-h2:-0.014em; /* @kind font */
--fs-h3:18px;
--lh-h3:1.28; /* @kind font */
--ls-h3:-0.01em; /* @kind font */

/* body */
--fs-body-lg:17px;
--lh-body-lg:1.55; /* @kind font */
--fs-body:15px;
--lh-body:1.6; /* @kind font */
--fs-body-sm:13px;
--lh-body-sm:1.5; /* @kind font */
--fs-caption:12px;
--lh-caption:1.4; /* @kind font */

/* eyebrow / label — uppercase, wide tracking */
--fs-label:11px;
--lh-label:1.1; /* @kind font */
--ls-label:0.14em; /* @kind font */
--fs-label-sm:10px;
--ls-label-sm:0.16em; /* @kind font */

--text-heading-font:var(--font-display);
--text-body-font:var(--font-text);
}