:root{
--font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
--font-sans:"Inter",-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
--font-display:var(--font-serif);
--font-body:var(--font-sans);

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

/* Type scale — display sizes are serif, everything else sans */
--fs-display-xl:clamp(40px,5.2vw,72px); /* @kind font */
--fs-display-l:clamp(34px,4vw,54px); /* @kind font */
--fs-display-m:clamp(28px,3vw,40px); /* @kind font */
--fs-title:24px; /* @kind font */
--fs-body-l:18px; /* @kind font */
--fs-body:16px; /* @kind font */
--fs-body-s:15px; /* @kind font */
--fs-caption:13px; /* @kind font */
--fs-eyebrow:12px; /* @kind font */

--lh-display:1.08; /* @kind font */
--lh-title:1.25; /* @kind font */
--lh-body:1.65; /* @kind font */
--lh-tight:1.4; /* @kind font */

--ls-display:-0.02em; /* @kind font */
--ls-body:0em; /* @kind font */
--ls-eyebrow:0.14em; /* @kind font */

/* Semantic text roles */
--type-hero:var(--fw-regular) var(--fs-display-xl)/var(--lh-display) var(--font-serif); /* @kind font */
--type-section:var(--fw-regular) var(--fs-display-l)/1.12 var(--font-serif); /* @kind font */
--type-card-title:var(--fw-semibold) var(--fs-title)/var(--lh-title) var(--font-sans); /* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans); /* @kind font */
--type-eyebrow:var(--fw-semibold) var(--fs-eyebrow)/1 var(--font-sans); /* @kind font */
}