:root{
--font-display:"Poppins","Segoe UI",system-ui,sans-serif;
--font-sans:"Manrope","Segoe UI",system-ui,sans-serif;
--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;

--weight-regular:400; /* @kind font */
--weight-medium:500; /* @kind font */
--weight-semibold:600; /* @kind font */
--weight-bold:700; /* @kind font */
--weight-extrabold:800; /* @kind font */

--text-display-xl:64px;
--lh-display-xl:1.04; /* @kind font */
--text-display-lg:52px;
--lh-display-lg:1.06; /* @kind font */
--text-display-md:40px;
--lh-display-md:1.12; /* @kind font */
--text-h1:34px;
--lh-h1:1.16; /* @kind font */
--text-h2:28px;
--lh-h2:1.22; /* @kind font */
--text-h3:22px;
--lh-h3:1.3; /* @kind font */
--text-h4:18px;
--lh-h4:1.38; /* @kind font */
--text-body-lg:18px;
--lh-body-lg:1.65; /* @kind font */
--text-body:16px;
--lh-body:1.65; /* @kind font */
--text-body-sm:14px;
--lh-body-sm:1.6; /* @kind font */
--text-caption:13px;
--lh-caption:1.5; /* @kind font */
--text-eyebrow:12px;
--lh-eyebrow:1.2; /* @kind font */

--tracking-display:-0.02em; /* @kind font */
--tracking-heading:-0.01em; /* @kind font */
--tracking-body:0em; /* @kind font */
--tracking-eyebrow:0.14em; /* @kind font */
--tracking-button:0.01em; /* @kind font */

/* Composite roles - shorthand for the font: property */
--type-display:var(--weight-extrabold) var(--text-display-xl)/var(--lh-display-xl) var(--font-display); /* @kind font */
--type-h2:var(--weight-bold) var(--text-h2)/var(--lh-h2) var(--font-display); /* @kind font */
--type-body:var(--weight-regular) var(--text-body)/var(--lh-body) var(--font-sans); /* @kind font */
--type-eyebrow:var(--weight-bold) var(--text-eyebrow)/var(--lh-eyebrow) var(--font-sans); /* @kind font */
}