:root{
/* 8 px base, 4 px half-steps */
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:128px;

/* Vertical rhythm for page sections */
--section-y-sm:var(--space-8);--section-y:var(--space-10);--section-y-lg:var(--space-12);

/* Radii — moderate, never playful */
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;

/* Layout grid */
--grid-columns:12; /* @kind other */
--grid-gutter:24px;
--container-max:1240px;
--container-pad:24px;
--container-pad-lg:48px;

/* Controls */
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;
--border-w:1px; /* @kind spacing */
--border-w-strong:2px; /* @kind spacing */
--tap-min:44px;
}