:root{
--font-display:"Mulish","Helvetica Neue",Arial,sans-serif;
--font-body:"Jost","Helvetica Neue",Arial,sans-serif;
--font-ui:"Jost","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

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

--fs-3xs:11px;--fs-2xs:12px;--fs-xs:13px;--fs-sm:15px;--fs-md:17px;--fs-lg:20px;
--fs-xl:24px;--fs-2xl:30px;--fs-3xl:38px;--fs-4xl:48px;--fs-5xl:64px;--fs-6xl:82px;

--lh-tight:1.02; /* @kind other */
--lh-snug:1.15; /* @kind other */
--lh-normal:1.4; /* @kind other */
--lh-relaxed:1.6; /* @kind other */
--ls-tight:-0.02em; /* @kind other */
--ls-snug:-0.01em; /* @kind other */
--ls-normal:0; /* @kind other */
--ls-wide:0.06em; /* @kind other */
--ls-eyebrow:0.1em; /* @kind other */

/* Semantic roles — display is Mulish 900, everything else Jost */
--type-hero:var(--fw-black) var(--fs-6xl)/var(--lh-tight) var(--font-display);
--type-h1:var(--fw-black) var(--fs-4xl)/var(--lh-tight) var(--font-display);
--type-h2:var(--fw-black) var(--fs-3xl)/var(--lh-snug) var(--font-display);
--type-h3:var(--fw-extrabold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
--type-h4:var(--fw-bold) var(--fs-xl)/var(--lh-snug) var(--font-display);
--type-lede:var(--fw-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-body);
--type-body:var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-body);
--type-small:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);
--type-ui:var(--fw-semibold) var(--fs-sm)/1.2 var(--font-ui);
--type-eyebrow:var(--fw-bold) var(--fs-2xs)/1.2 var(--font-ui);
--type-pill:var(--fw-bold) var(--fs-sm)/1.2 var(--font-body);
}