:root{
--font-display:"Barlow","Helvetica Neue",Arial,sans-serif;
--font-body:"Barlow","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

/* weights */
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;

/* tracking — the brand's signature: very tight display, very open micro-labels */
--tracking-logo:-0.035em;
--tracking-display:-0.028em;
--tracking-heading:-0.018em;
--tracking-normal:0;
--tracking-label:0.18em;
--tracking-label-wide:0.28em;

/* size scale (px) */
--text-micro:11px;--text-label:12px;--text-caption:13px;--text-sm:15px;--text-base:17px;
--text-lg:19px;--text-xl:24px;--text-2xl:30px;--text-3xl:40px;--text-4xl:56px;
--text-5xl:76px;--text-6xl:104px;--text-display:clamp(56px,9vw,132px);

/* line heights */
--leading-solid:0.86;--leading-tight:1.04;--leading-snug:1.22;--leading-body:1.58;--leading-loose:1.72;

/* composed roles */
--type-logo:var(--weight-black) var(--text-4xl)/var(--leading-solid) var(--font-display);
--type-display:var(--weight-black) var(--text-display)/var(--leading-solid) var(--font-display);
--type-h1:var(--weight-black) var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:var(--weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-display);
--type-h3:var(--weight-bold) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-body:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-body);
--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-body) var(--font-body);
--type-label:var(--weight-semibold) var(--text-label)/1.2 var(--font-body);
}