:root{
/* ---- Families ---- */
--font-display:"Montserrat","Helvetica Neue",Arial,sans-serif;
--font-body:"Barlow","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

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

/* ---- Size scale (1.25 major-third-ish, 16px root) ---- */
--fs-2xs:11px;
--fs-xs:12px;
--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:68px;
--fs-6xl:88px;

/* ---- Line heights ---- */
--lh-tight:1.02; /* @kind font */
--lh-snug:1.14; /* @kind font */
--lh-heading:1.2; /* @kind font */
--lh-body:1.55; /* @kind font */
--lh-loose:1.7; /* @kind font */

/* ---- Tracking (the wordmark is tightly tracked; headings follow it) ---- */
--ls-tighter:-0.03em; /* @kind font */
--ls-tight:-0.015em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-wide:0.04em; /* @kind font */
--ls-eyebrow:0.16em; /* @kind font */ /* all-caps eyebrows / labels */

/* ---- Semantic roles ---- */
--type-hero-family:var(--font-display);
--type-hero-size:var(--fs-5xl);
--type-hero-weight:var(--fw-black); /* @kind font */
--type-hero-lh:var(--lh-tight); /* @kind font */
--type-hero-ls:var(--ls-tighter); /* @kind font */

--type-h1-size:var(--fs-4xl);
--type-h2-size:var(--fs-3xl);
--type-h3-size:var(--fs-2xl);
--type-h4-size:var(--fs-xl);
--type-heading-family:var(--font-display);
--type-heading-weight:var(--fw-extrabold); /* @kind font */

--type-body-family:var(--font-body);
--type-body-size:var(--fs-base);
--type-body-lh:var(--lh-body); /* @kind font */

--type-eyebrow-family:var(--font-display);
--type-eyebrow-size:var(--fs-xs);
--type-eyebrow-weight:var(--fw-bold); /* @kind font */
--type-eyebrow-ls:var(--ls-eyebrow); /* @kind font */

--type-label-family:var(--font-body);
--type-label-size:var(--fs-sm);
--type-label-weight:var(--fw-semibold); /* @kind font */

--type-data-family:var(--font-mono);
--type-data-size:var(--fs-sm);
}
