:root{
/* 4px base, with a 6px half-step retained because form rows use it */
--space-0:0px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;
--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;
--space-11:64px;--space-12:80px;--space-13:96px;--space-14:120px;

/* Layout */
--layout-max:1200px;
--layout-gutter:24px;
--layout-gutter-lg:40px;
--section-y:88px;
--section-y-tight:56px;
--grid-gap:20px;
--card-pad:16px;
--panel-pad:20px;
--control-h-sm:34px;
--control-h:44px;
--control-h-lg:52px;
--nav-h:76px;
}