:root{
--font-display:"EB Garamond",Georgia,"Times New Roman",serif;
--font-sans:"Onest","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
/* fluid display scale */
--text-hero:clamp(56px,9vw,168px);/* @kind other */--text-display:clamp(44px,6vw,112px);/* @kind other */--text-h1:clamp(36px,4.2vw,72px);/* @kind other */--text-h2:clamp(28px,2.8vw,48px);/* @kind other */--text-h3:clamp(22px,1.8vw,30px);/* @kind other */
--text-lead:clamp(18px,1.3vw,22px);/* @kind other */--text-body:16px;/* @kind other */--text-small:14px;/* @kind other */--text-label:12px;/* @kind other */--text-micro:11px;
/* leading */
--leading-hero:.92;/* @kind other */--leading-display:.98;/* @kind other */--leading-heading:1.1;/* @kind other */--leading-body:1.6;/* @kind other */--leading-tight:1.25;
/* tracking */
--tracking-hero:-.03em;/* @kind other */--tracking-display:-.02em;/* @kind other */--tracking-heading:-.01em;/* @kind other */--tracking-body:0;/* @kind other */--tracking-label:.14em;/* @kind other */--tracking-mono:.04em;
/* weights */
--weight-display:400;/* @kind other */--weight-display-italic:400;/* @kind other */--weight-body:400;/* @kind other */--weight-medium:500;/* @kind other */--weight-semibold:600;/* @kind other */--weight-light:300;
/* semantic */
--type-hero:var(--weight-display) var(--text-hero)/var(--leading-hero) var(--font-display);/* @kind other */
--type-display:var(--weight-display) var(--text-display)/var(--leading-display) var(--font-display);/* @kind other */
--type-h1:var(--weight-display) var(--text-h1)/var(--leading-heading) var(--font-display);/* @kind other */
--type-h2:var(--weight-display) var(--text-h2)/var(--leading-heading) var(--font-display);/* @kind other */
--type-h3:var(--weight-medium) var(--text-h3)/var(--leading-tight) var(--font-sans);/* @kind other */
--type-lead:var(--weight-light) var(--text-lead)/var(--leading-body) var(--font-sans);/* @kind other */
--type-body:var(--weight-body) var(--text-body)/var(--leading-body) var(--font-sans);/* @kind other */
--type-small:var(--weight-body) var(--text-small)/1.5 var(--font-sans);/* @kind other */
--type-label:var(--weight-medium) var(--text-label)/1 var(--font-mono);/* @kind other */
--type-micro:var(--weight-body) var(--text-micro)/1 var(--font-mono);/* @kind other */
}