:root{
/* Extracted scale (merged) */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-5:20px;
--space-6:24px;
--space-7:28px;
--space-8:32px;
--space-9:36px;
--space-11:44px;
--space-12:48px;
--space-20:80px;
/* grid fill */
--space-4:16px;

/* Controls */
--control-h-sm:32px;
--control-h-md:44px; /* matches carousel nav size */
--control-h-lg:52px;
--button-pad-y:10px;
--button-pad-x:16px;

/* Radius */
--radius-sm:4px;     /* checkbox, tooltip */
--radius-md:8px;     /* cards, inputs, panels */
--radius-pill:999px; /* buttons, tags, badges, switch */

/* Layout */
--container-max:1285px;
--gutter:var(--space-6);
--header-h:96px;
--header-h-sm:80px;

/* Breakpoints (reference only; CSS vars can't drive @media) */
--bp-xs:500px;
--bp-sm:768px;
--bp-md:940px;
--bp-lg:1240px;
--bp-xl:1440px;
--bp-2xl:1720px;

/* Z-index */
--z-base:1; /* @kind other */
--z-sticky:100; /* @kind other */
--z-nav:9999; /* @kind other */
--z-overlay:99999; /* @kind other */
--z-toast:9999999; /* @kind other */
}