:root{
/* Families */
--font-display:"Bebas Neue","Oswald","Arial Narrow",sans-serif;
--font-sans:"Public Sans","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

/* Weights */
--weight-display:700;   /* headlines always Bebas Bold */
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* Display scale — Bebas, uppercase, tight */
--display-1:clamp(56px,9vw,132px); /* @kind font */
--display-2:clamp(44px,6vw,88px); /* @kind font */
--display-3:clamp(34px,4vw,60px); /* @kind font */
--heading-1:40px;
--heading-2:30px;
--heading-3:23px;
--display-tracking:0.01em;
--display-tracking-wide:0.04em;
--display-leading:0.88;

/* Text scale — Public Sans */
--body-lg:19px;
--body-md:16px;
--body-sm:14px;
--body-xs:12.5px;
--label:13px;
--label-tracking:0.09em;   /* uppercase eyebrows / labels */
--body-leading:1.6;
--body-leading-tight:1.45;

/* Composed roles */
--type-eyebrow:var(--weight-semibold) var(--label)/1.2 var(--font-sans);
--type-body:var(--weight-regular) var(--body-md)/var(--body-leading) var(--font-sans);
--type-button:var(--weight-bold) 15px/1 var(--font-sans);
}