:root{
/* families — Sora for display numerals & headlines, Manrope for everything else */
--font-display:Sora,system-ui,sans-serif; /* @kind font */
--font-body:Manrope,system-ui,sans-serif; /* @kind font */
--font-mono:ui-monospace,Menlo,monospace; /* @kind font */

/* display (Sora, ExtraLight 200 / Light 300, always negative tracking) */
--display-1-size:clamp(48px,6vw,86px); /* @kind font */
--display-1-weight:200; /* @kind font */
--display-1-lh:1; /* @kind font */
--display-1-ls:-.045em; /* @kind font */
--display-2-size:clamp(34px,4vw,54px); /* @kind font */
--display-2-weight:200; /* @kind font */
--display-2-lh:1.08; /* @kind font */
--display-2-ls:-.04em; /* @kind font */
--display-3-size:clamp(28px,3.2vw,44px); /* @kind font */
--display-3-weight:200; /* @kind font */
--display-3-lh:1.28; /* @kind font */
--display-3-ls:-.03em; /* @kind font */
--display-4-size:30px; /* @kind font */
--display-4-weight:300; /* @kind font */
--display-4-lh:1.2; /* @kind font */
--display-4-ls:-.03em; /* @kind font */
--title-size:23px; /* @kind font */
--title-weight:300; /* @kind font */
--title-lh:1.25; /* @kind font */
--title-ls:-.02em; /* @kind font */
--title-sm-size:20px; /* @kind font */
--title-sm-weight:300; /* @kind font */
--title-sm-lh:1.3; /* @kind font */
--title-sm-ls:-.02em; /* @kind font */

/* numerals — the brand's loudest device */
--numeral-xl-size:56px; /* @kind font */
--numeral-xl-weight:200; /* @kind font */
--numeral-xl-lh:.9; /* @kind font */
--numeral-xl-ls:-.04em; /* @kind font */
--numeral-lg-size:46px; /* @kind font */
--numeral-lg-weight:200; /* @kind font */
--numeral-lg-lh:.8; /* @kind font */
--numeral-lg-ls:-.05em; /* @kind font */
--numeral-md-size:34px; /* @kind font */
--numeral-md-weight:200; /* @kind font */
--numeral-md-lh:1; /* @kind font */
--numeral-md-ls:-.04em; /* @kind font */

/* body (Manrope Light 300 for prose, 400 for UI) */
--body-lg-size:17px; /* @kind font */
--body-lg-weight:300; /* @kind font */
--body-lg-lh:1.7; /* @kind font */
--body-md-size:16px; /* @kind font */
--body-md-weight:300; /* @kind font */
--body-md-lh:1.7; /* @kind font */
--body-sm-size:15.5px; /* @kind font */
--body-sm-weight:300; /* @kind font */
--body-sm-lh:1.75; /* @kind font */
--body-xs-size:14.5px; /* @kind font */
--body-xs-weight:300; /* @kind font */
--body-xs-lh:1.7; /* @kind font */

/* eyebrows & labels — uppercase, wide tracking; the system's texture */
--label-size:10.5px; /* @kind font */
--label-weight:600; /* @kind font */
--label-ls:.26em; /* @kind font */
--label-sm-size:10px; /* @kind font */
--label-sm-weight:600; /* @kind font */
--label-sm-ls:.2em; /* @kind font */
--label-xs-size:9.5px; /* @kind font */
--label-xs-weight:500; /* @kind font */
--label-xs-ls:.16em; /* @kind font */
--control-size:11px; /* @kind font */
--control-weight:500; /* @kind font */
--control-ls:.14em; /* @kind font */
--cta-size:11.5px; /* @kind font */
--cta-weight:700; /* @kind font */
--cta-ls:.16em; /* @kind font */
--wordmark-size:12px; /* @kind font */
--wordmark-weight:600; /* @kind font */
--wordmark-ls:.28em; /* @kind font */
}