:root{
--font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
--font-sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;

--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-18:18px;
--text-21:21px;--text-26:26px;--text-32:32px;--text-40:40px;--text-52:52px;--text-64:64px;--text-80:80px;

--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

--leading-tight:1.04;--leading-snug:1.18;--leading-normal:1.45;--leading-relaxed:1.62;

--tracking-display:-0.022em;--tracking-heading:-0.012em;--tracking-normal:0;
--tracking-wide:0.04em;--tracking-overline:0.15em;--tracking-wordmark:0.26em;

/* Composed roles */
--type-wordmark:var(--weight-bold) var(--text-26)/1 var(--font-display);
--type-display:var(--weight-semibold) var(--text-64)/var(--leading-tight) var(--font-display);
--type-h1:var(--weight-semibold) var(--text-40)/var(--leading-snug) var(--font-display);
--type-h2:var(--weight-semibold) var(--text-26)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-semibold) var(--text-18)/var(--leading-snug) var(--font-display);
--type-body:var(--weight-regular) var(--text-16)/var(--leading-relaxed) var(--font-sans);
--type-body-sm:var(--weight-regular) var(--text-14)/var(--leading-normal) var(--font-sans);
--type-label:var(--weight-medium) var(--text-13)/1.3 var(--font-sans);
--type-overline:var(--weight-medium) var(--text-11)/1.2 var(--font-mono);
--type-data:var(--weight-regular) var(--text-13)/1.4 var(--font-mono);
}