:root{
--font-sans:"Public Sans","Helvetica Neue",Arial,sans-serif;
--font-serif:"Newsreader",Georgia,serif;
--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--font-wordmark:var(--font-sans);

--text-display:44px;--text-h1:34px;--text-h2:26px;--text-h3:20px;--text-h4:17px;
--text-body-lg:18px;--text-body-md:16px;--text-body-sm:14px;--text-caption:13px;--text-micro:11px;

--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;

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

--tracking-wordmark:.09em;--tracking-eyebrow:.16em;--tracking-tight:-.015em;--tracking-normal:0;

/* Composite roles */
--type-eyebrow:var(--weight-semibold) var(--text-micro)/1.2 var(--font-sans);
--type-display:var(--weight-regular) var(--text-display)/var(--leading-tight) var(--font-serif);
--type-h1:var(--weight-semibold) var(--text-h1)/var(--leading-tight) var(--font-sans);
--type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-snug) var(--font-sans);
--type-h3:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-sans);
--type-body:var(--weight-regular) var(--text-body-md)/var(--leading-normal) var(--font-sans);
--type-caption:var(--weight-medium) var(--text-caption)/1.4 var(--font-sans);
}