:root{
/* families */
--font-display:Manrope,system-ui,-apple-system,sans-serif;
--font-sans:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
--font-editorial:"EB Garamond",Georgia,"Times New Roman",serif;
--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace; /* @kind font */

/* size scale */
--fs-display-xl:72px;--fs-display-lg:56px;--fs-display-md:40px;--fs-display-sm:32px;
--fs-h1:28px;--fs-h2:22px;--fs-h3:18px;
--fs-body-lg:17px;--fs-body:15px;--fs-body-sm:13.5px;--fs-caption:12px;--fs-eyebrow:11px;--fs-micro:10px;

/* weights */
--fw-light:300; /* @kind font */--fw-regular:400; /* @kind font */--fw-medium:500; /* @kind font */--fw-semibold:600; /* @kind font */--fw-bold:700; /* @kind font */--fw-extrabold:800; /* @kind font */

/* line heights */
--lh-tight:1.04; /* @kind font */--lh-display:1.1; /* @kind font */--lh-heading:1.22; /* @kind font */--lh-snug:1.4; /* @kind font */--lh-body:1.6; /* @kind font */--lh-loose:1.7; /* @kind font */

/* tracking */
--ls-display:-0.035em; /* @kind font */--ls-heading:-0.015em; /* @kind font */--ls-body:-0.005em; /* @kind font */--ls-eyebrow:0.08em; /* @kind font */--ls-micro:0.12em; /* @kind font */

/* composed roles */
--type-display:var(--fw-extrabold) var(--fs-display-lg)/var(--lh-display) var(--font-display);
--type-title:var(--fw-bold) var(--fs-display-sm)/var(--lh-heading) var(--font-display);
--type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-sans);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-sans);
--type-label:var(--fw-semibold) var(--fs-body-sm)/var(--lh-snug) var(--font-sans);
--type-eyebrow:var(--fw-bold) var(--fs-eyebrow)/1.3 var(--font-sans);
--type-quote:italic var(--fw-regular) var(--fs-body-lg)/var(--lh-snug) var(--font-editorial);
}
