:root{
--font-display:"Newsreader",Georgia,"Times New Roman",serif; /* @kind font */
--font-sans:"Instrument Sans",-apple-system,"Helvetica Neue",Arial,sans-serif; /* @kind font */
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace; /* @kind font */

/* weights — display stays light, UI stays regular/medium. Bold is rare. */
--fw-display:300; /* @kind font */
--fw-display-med:400; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */

/* sizes */
--fs-display-1:clamp(48px,6.4vw,88px); /* @kind font */
--fs-display-2:clamp(38px,4.6vw,64px); /* @kind font */
--fs-display-3:clamp(30px,3.2vw,44px); /* @kind font */
--fs-title:28px; /* @kind font */
--fs-heading:22px; /* @kind font */
--fs-subheading:18px; /* @kind font */
--fs-body-lg:18px; /* @kind font */
--fs-body:16px; /* @kind font */
--fs-body-sm:14px; /* @kind font */
--fs-caption:13px; /* @kind font */
--fs-micro:11px; /* @kind font */

/* line heights */
--lh-display:1.06; /* @kind font */
--lh-title:1.18; /* @kind font */
--lh-heading:1.3; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-tight:1.4; /* @kind font */

/* tracking — the brand signal: micro-labels are widely tracked, display is slightly negative */
--ls-display:-0.02em; /* @kind font */
--ls-title:-0.01em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-label:0.14em; /* @kind font */
--ls-nav:0.1em; /* @kind font */

/* composed roles */
--type-display-1:var(--fw-display) var(--fs-display-1)/var(--lh-display) var(--font-display); /* @kind font */
--type-display-2:var(--fw-display) var(--fs-display-2)/var(--lh-display) var(--font-display); /* @kind font */
--type-display-3:var(--fw-display) var(--fs-display-3)/var(--lh-title) var(--font-display); /* @kind font */
--type-title:var(--fw-display-med) var(--fs-title)/var(--lh-title) var(--font-display); /* @kind font */
--type-heading:var(--fw-medium) var(--fs-heading)/var(--lh-heading) var(--font-sans); /* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans); /* @kind font */
--type-body-lg:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-sans); /* @kind font */
--type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-sans); /* @kind font */
--type-label:var(--fw-medium) var(--fs-micro)/1.2 var(--font-sans); /* @kind font */
--type-nav:var(--fw-medium) var(--fs-caption)/1 var(--font-sans); /* @kind font */
--type-mono:var(--fw-regular) var(--fs-caption)/1.5 var(--font-mono); /* @kind font */
}