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

--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-black:800; /* @kind font */

--fs-3xs:11px;--fs-2xs:12px;--fs-xs:13px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;
--fs-lg:21px;--fs-xl:26px;--fs-2xl:32px;--fs-3xl:40px;--fs-4xl:52px;--fs-5xl:66px;--fs-6xl:84px;

--lh-tight:1.05; /* @kind font */
--lh-snug:1.2; /* @kind font */
--lh-heading:1.28; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-loose:1.75; /* @kind font */

--ls-tight:-0.02em; /* @kind font */
--ls-snug:-0.01em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-wide:0.04em; /* @kind font */
--ls-caps:0.12em; /* @kind font */

/* semantic type roles */
--type-hero-size:var(--fs-5xl);
--type-hero-weight:var(--fw-semibold); /* @kind font */
--type-hero-lh:var(--lh-tight); /* @kind font */
--type-h1-size:var(--fs-4xl);--type-h2-size:var(--fs-3xl);--type-h3-size:var(--fs-xl);
--type-h4-size:var(--fs-lg);--type-body-size:var(--fs-base);--type-lead-size:var(--fs-md);
--type-eyebrow-size:var(--fs-2xs);--type-caption-size:var(--fs-xs);
}