:root{
--font-display:"Montserrat","Helvetica Neue",Arial,sans-serif;
--font-body:"Lato","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,"SF Mono",Menlo,monospace;

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

/* Display caps scale (always uppercase + tracked) */
--size-wordmark:22px;--size-display:40px;--size-h1:28px;--size-h2:18px;--size-h3:14px;--size-eyebrow:11px;--size-nav:11px;--size-button:11px;--size-micro:10px;
/* Body scale */
--size-body-lg:16px;--size-body:14px;--size-body-sm:13px;--size-caption:12px;

--tracking-wordmark:.42em;--tracking-wide:.3em;--tracking-caps:.22em;--tracking-tight-caps:.14em;--tracking-body:.01em;
--leading-tight:1.2;--leading-snug:1.45;--leading-body:1.75;

/* Semantic */
--type-wordmark:var(--weight-semibold) var(--size-wordmark)/1 var(--font-display);
--type-heading:var(--weight-semibold) var(--size-h2)/var(--leading-tight) var(--font-display);
--type-eyebrow:var(--weight-medium) var(--size-eyebrow)/var(--leading-snug) var(--font-display);
--type-nav:var(--weight-medium) var(--size-nav)/1 var(--font-display);
--type-body:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);
}