:root{
--font-serif:"Fraunces",Georgia,"Times New Roman",serif;
--font-sans:"InterVariable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

/* Semantic families: headlines are always serif, everything else sans. */
--font-display:var(--font-serif);
--font-body:var(--font-sans);
--font-ui:var(--font-sans);
--font-code:var(--font-mono);

--weight-regular:400; /* @kind font */
--weight-medium:500; /* @kind font */
--weight-semibold:600; /* @kind font */

/* Fluid display sizes, exactly as the site declares them. */
--size-hero:clamp(2.6rem,6.2vw,4.5rem);
--size-wordmark-hero:clamp(2rem,3.8vw,2.8rem);
--size-h2:clamp(1.95rem,4vw,3rem);
--size-h2-band:clamp(2rem,4.5vw,3.2rem);
--size-quote:clamp(1.6rem,3.2vw,2.4rem);
--size-lede:clamp(1.08rem,1.7vw,1.32rem);
--size-h3:1.28rem;
--size-h3-sm:1.12rem;
--size-body:1rem;
--size-body-sm:0.96rem;
--size-body-xs:0.93rem;
--size-caption:0.88rem;
--size-fineprint:0.8rem;
--size-eyebrow:0.72rem;

--leading-display:1.05; /* @kind font */
--leading-quote:1.18; /* @kind font */
--leading-body:1.7; /* @kind font */
--leading-tight:1.32; /* @kind font */

--tracking-display:-0.02em; /* @kind font */
--tracking-wordmark:-0.015em; /* @kind font */
--tracking-eyebrow:0.2em; /* @kind font */
--tracking-chip:0.09em; /* @kind font */
--tracking-keycap:0.02em; /* @kind font */
}