:root{
--font-sans:"Satoshi","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-display:var(--font-sans);
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;

/* Display scale — storytelling statements. Fluid, capped at 1440px canvas. */
--size-display-1:clamp(3.25rem,7.2vw,7.5rem);
--size-display-2:clamp(2.75rem,5.4vw,5.25rem);
--size-display-3:clamp(2.25rem,3.8vw,3.75rem);
--size-heading-1:clamp(1.75rem,2.6vw,2.5rem);
--size-heading-2:1.625rem;
--size-heading-3:1.25rem;
--size-body-lg:1.1875rem;
--size-body:1.0625rem;
--size-body-sm:.9375rem;
--size-caption:.8125rem;
--size-mono:.8125rem;
--size-mono-sm:.6875rem;

--leading-display:.94;
--leading-tight:1.06;
--leading-snug:1.22;
--leading-body:1.58;
--leading-loose:1.7;

--tracking-display:-.035em;
--tracking-heading:-.02em;
--tracking-body:-.005em;
--tracking-mono:.02em;
--tracking-label:.16em;

/* Semantic roles */
--text-display:var(--weight-medium) var(--size-display-1)/var(--leading-display) var(--font-display);
--text-statement:var(--weight-light) var(--size-display-2)/var(--leading-tight) var(--font-display);
--text-heading:var(--weight-medium) var(--size-heading-1)/var(--leading-snug) var(--font-sans);
--text-body-copy:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-sans);
--text-label:var(--weight-medium) var(--size-mono-sm)/1.2 var(--font-mono);
}