:root{
--font-display:"Manrope",system-ui,sans-serif;   /* headlines only */
--font-body:"Noto Sans",system-ui,sans-serif;  /* everything else */
--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;          /* SKUs, codes */

/* weights */
--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-extrabold:800; /* @kind font */

/* display scale — Manrope, tight, ExtraBold */
--type-display-1:clamp(44px,5.6vw,76px);
--type-display-2:clamp(36px,4.2vw,56px);
--type-display-3:clamp(28px,3vw,40px);
--lh-display:1.02; /* @kind other */
--ls-display:-.03em; /* @kind other */

/* headings — Manrope SemiBold/Bold */
--type-h1:32px;
--type-h2:24px;
--type-h3:20px;
--type-h4:17px;
--lh-heading:1.18; /* @kind other */
--ls-heading:-.015em; /* @kind other */

/* body — Noto Sans */
--type-body-lg:18px;
--type-body:16px;
--type-body-sm:14px;
--type-caption:12.5px;
--lh-body:1.62; /* @kind other */
--lh-body-tight:1.45; /* @kind other */
--ls-body:0; /* @kind other */

/* eyebrow / label — Noto Sans, wide caps */
--type-eyebrow:11.5px;
--ls-eyebrow:.16em; /* @kind other */
--fw-eyebrow:600; /* @kind font */

/* SKU / code */
--type-code:12.5px;
--ls-code:.04em; /* @kind other */
}