:root{
/* ---------- Families ---------- */
--font-logotype:"Bon Vivant Serif","Butler",Didot,"Times New Roman",serif;
--font-script:"Bon Vivant Script","Snell Roundhand",cursive;
--font-serif-display:"Butler",Didot,"Times New Roman",serif;
--font-stencil:"Butler Stencil","Butler",serif;
--font-sans:"Montserrat","Helvetica Neue",Helvetica,sans-serif;
--font-body:var(--font-sans);
--font-mono:"SFMono-Regular",Menlo,Consolas,monospace;

/* ---------- Size scale (1.25 major third, 16px base) ---------- */
--text-2xs:11px;
--text-xs:12px;
--text-sm:14px;
--text-base:16px;
--text-md:18px;
--text-lg:21px;
--text-xl:26px;
--text-2xl:32px;
--text-3xl:40px;
--text-4xl:52px;
--text-5xl:66px;
--text-6xl:84px;
--text-7xl:112px;

/* ---------- Weights ---------- */
--weight-light:300; /* @kind other */
--weight-regular:400; /* @kind other */
--weight-medium:500; /* @kind other */
--weight-semibold:600; /* @kind other */
--weight-bold:700; /* @kind other */

/* ---------- Line heights ---------- */
--leading-tight:1.04; /* @kind other */
--leading-display:1.14; /* @kind other */
--leading-snug:1.35; /* @kind other */
--leading-body:1.68; /* @kind other */
--leading-loose:1.9; /* @kind other */

/* ---------- Tracking. Wide tracking is the brand's signature. ---------- */
--tracking-logotype:.30em; /* @kind other */
--tracking-eyebrow:.26em; /* @kind other */
--tracking-label:.14em; /* @kind other */
--tracking-button:.10em; /* @kind other */
--tracking-normal:0; /* @kind other */
--tracking-display:-.01em; /* @kind other */

/* ---------- Composed roles ---------- */
--type-logotype:var(--weight-regular) var(--text-xl)/var(--leading-tight) var(--font-logotype);
--type-display:var(--weight-light) var(--text-5xl)/var(--leading-tight) var(--font-serif-display);
--type-h1:var(--weight-light) var(--text-4xl)/var(--leading-display) var(--font-serif-display);
--type-h2:var(--weight-regular) var(--text-3xl)/var(--leading-display) var(--font-serif-display);
--type-h3:var(--weight-regular) var(--text-xl)/var(--leading-snug) var(--font-serif-display);
--type-h4:var(--weight-semibold) var(--text-sm)/var(--leading-snug) var(--font-sans);
--type-eyebrow:var(--weight-medium) var(--text-xs)/1.5 var(--font-sans);
--type-lead:var(--weight-light) var(--text-md)/var(--leading-body) var(--font-sans);
--type-body:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-sans);
--type-small:var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-sans);
--type-caption:var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-sans);
--type-button:var(--weight-semibold) var(--text-xs)/1 var(--font-sans);
--type-script:var(--weight-regular) var(--text-4xl)/1.1 var(--font-script);
--type-numeral:var(--weight-light) var(--text-6xl)/1 var(--font-serif-display);
}