:root{
--font-display:'Montserrat','Gotham','Proxima Nova',system-ui,sans-serif;
--font-body:'Open Sans','Helvetica Neue',Arial,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,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-hero:clamp(56px,9vw,128px);/* @kind font */
--fs-display:64px;/* @kind font */
--fs-h1:44px;--fs-h2:32px;--fs-h3:22px;--fs-lead:28px;/* @kind font */
--fs-eyebrow:13px;/* @kind font */
--fs-nav:15px;/* @kind font */
--fs-body:16px;/* @kind font */
--fs-small:14px;/* @kind font */
--fs-caption:12px;/* @kind font */

--lh-tight:1.0;/* @kind font */
--lh-heading:1.15;/* @kind font */
--lh-lead:1.45;/* @kind font */
--lh-body:1.7;/* @kind font */

--ls-hero:0.04em;/* @kind font */
--ls-heading:0.06em;/* @kind font */
--ls-caps:0.12em;/* @kind font */
--ls-wide:0.18em;/* @kind font */
--ls-body:0.01em;/* @kind font */

/* Semantic roles */
--type-hero:var(--fw-bold) var(--fs-hero)/var(--lh-tight) var(--font-display);
--type-section:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
--type-lead:var(--fw-light) var(--fs-lead)/var(--lh-lead) var(--font-body);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);
}