:root{
--font-sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
--weight-light:300; /* @kind font */
--weight-regular:400; /* @kind font */
--weight-medium:500; /* @kind font */
--weight-bold:600; /* @kind font */

/* scale (px) */
--size-micro:9px;--size-meta:11px;--size-body:13px;--size-lede:18px;--size-h4:24px;--size-h3:36px;--size-h2:56px;--size-h1:96px;--size-mega:200px;
--lh-mega:.8; /* @kind font */
--lh-display:.88; /* @kind font */
--lh-tight:1; /* @kind font */
--lh-meta:1.15; /* @kind font */
--lh-body:1.4; /* @kind font */

--track-mega:-.06em; /* @kind font */
--track-display:-.04em; /* @kind font */
--track-tight:-.02em; /* @kind font */
--track-body:0; /* @kind font */
--track-caps:.02em; /* @kind font */

/* semantic roles */
--type-mega:var(--weight-medium) var(--size-mega)/var(--lh-mega) var(--font-sans);
--type-h1:var(--weight-medium) var(--size-h1)/var(--lh-display) var(--font-sans);
--type-h2:var(--weight-regular) var(--size-h2)/var(--lh-display) var(--font-sans);
--type-h3:var(--weight-regular) var(--size-h3)/var(--lh-tight) var(--font-sans);
--type-lede:var(--weight-regular) var(--size-lede)/1.2 var(--font-sans);
--type-body:var(--weight-regular) var(--size-body)/var(--lh-body) var(--font-sans);
--type-meta:var(--weight-medium) var(--size-meta)/var(--lh-meta) var(--font-sans);
--type-code:var(--weight-regular) var(--size-meta)/var(--lh-meta) var(--font-mono);
}