:root{
--font-display:"Saira Semi Condensed","Arial Narrow",system-ui,sans-serif; /* @kind font */

--font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif; /* @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 */

/* Fluid display scale (mobile to desktop) */
--fs-display:clamp(44px,6.4vw,88px); /* @kind font */
--fs-h1:clamp(38px,4.8vw,64px); /* @kind font */
--fs-h2:clamp(30px,3.4vw,46px); /* @kind font */
--fs-h3:clamp(24px,2.2vw,30px); /* @kind font */
--fs-h4:22px; /* @kind font */

/* Body: 18px base for an older audience on phones */
--fs-lead:21px; /* @kind font */
--fs-body:18px; /* @kind font */
--fs-small:16px; /* @kind font */
--fs-caption:14px; /* @kind font */
--fs-stat:clamp(48px,5vw,72px); /* @kind font */

--lh-tight:1.02; /* @kind font */
--lh-heading:1.1; /* @kind font */
--lh-snug:1.3; /* @kind font */
--lh-body:1.6; /* @kind font */

--ls-display:-0.01em; /* @kind font */
--ls-caps:0.08em; /* @kind font */

--type-display:var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-display); /* @kind font */

--type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display); /* @kind font */

--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display); /* @kind font */

--type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-display); /* @kind font */

--type-h4:var(--fw-semibold) var(--fs-h4)/var(--lh-snug) var(--font-body); /* @kind font */

--type-lead:var(--fw-regular) var(--fs-lead)/var(--lh-body) var(--font-body); /* @kind font */

--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */

--type-small:var(--fw-regular) var(--fs-small)/1.5 var(--font-body); /* @kind font */

--type-label:var(--fw-semibold) var(--fs-small)/1.3 var(--font-body); /* @kind font */

}