:root{
--font-sans:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
--font-display:"Manrope","Segoe UI",system-ui,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

--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 */

--fs-display-1:64px;--fs-display-2:52px;--fs-h1:40px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-h5:18px;--fs-lead:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-micro:11px;

--lh-tight:1.08; /* @kind font */
--lh-heading:1.18; /* @kind font */
--lh-snug:1.35; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-loose:1.75; /* @kind font */

--ls-display:-0.025em; /* @kind font */
--ls-heading:-0.015em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-eyebrow:0.14em; /* @kind font */
--ls-mono:0.01em; /* @kind font */

/* semantic type roles */
--type-eyebrow:var(--fw-semibold) var(--fs-caption)/1.2 var(--font-sans);
--type-display:var(--fw-extrabold) var(--fs-display-1)/var(--lh-tight) 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-display);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
--type-lead:var(--fw-regular) var(--fs-lead)/var(--lh-loose) var(--font-sans);
--type-label:var(--fw-semibold) var(--fs-body-sm)/1.4 var(--font-sans);
--type-mono:var(--fw-regular) var(--fs-body-sm)/1.5 var(--font-mono);
}