:root{
--font-sans:"Outfit","Helvetica Neue",Arial,sans-serif;
--font-display:"Outfit","Helvetica Neue",Arial,sans-serif;
--font-text:"Host Grotesk","Outfit",Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,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 */

/* Type scale — display sizes are Outfit Semibold with tight tracking;
   body is Outfit Regular at normal tracking. */
--fs-display-xl:64px;
--fs-display-l:48px;
--fs-display-m:38px;
--fs-heading-l:30px;
--fs-heading-m:24px;
--fs-heading-s:20px;
--fs-title:17px;
--fs-body-l:16px;
--fs-body:15px;
--fs-body-s:14px;
--fs-caption:13px;
--fs-micro:11px;

--lh-display:1.06; /* @kind other */
--lh-heading:1.22; /* @kind other */
--lh-title:1.35; /* @kind other */
--lh-body:1.55; /* @kind other */
--lh-relaxed:1.7; /* @kind other */

--ls-display:-0.03em; /* @kind other */
--ls-heading:-0.02em; /* @kind other */
--ls-title:-0.01em; /* @kind other */
--ls-body:0em; /* @kind other */
--ls-micro:0.06em; /* @kind other */

/* Semantic aliases */
--text-display-font:var(--font-display);
--text-body-font:var(--font-sans);
--text-code-font:var(--font-mono);
}