:root{
--font-core:"Poppins","Helvetica Neue",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 */
--fw-black:800; /* @kind font */

/* display — wordmark-adjacent, always lowercase */
--type-display-1:800 clamp(48px,6.5vw,88px)/0.94 var(--font-core);
--type-display-2:700 clamp(36px,4.5vw,60px)/0.98 var(--font-core);

/* headlines — editorial */
--type-headline-1:700 40px/1.06 var(--font-core);
--type-headline-2:700 30px/1.12 var(--font-core);
--type-headline-3:600 22px/1.2 var(--font-core);
--type-headline-4:600 17px/1.28 var(--font-core);

/* body */
--type-lead:300 20px/1.55 var(--font-core);
--type-body:400 16px/1.65 var(--font-core);
--type-body-sm:400 14px/1.6 var(--font-core);

/* utility */
--type-meta:500 12px/1.4 var(--font-core);
--type-label:600 11px/1 var(--font-core);
--type-mono-sm:500 12px/1.4 var(--font-mono);

--tracking-display:-0.035em;
--tracking-headline:-0.02em;
--tracking-body:0em;
--tracking-label:0.14em;
--tracking-meta:0.01em;
}
