:root{
/* 4px grid */
--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
/* Radii */
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;
/* Control sizes */
--control-sm:28px;--control-md:32px;--control-lg:40px;--control-xl:48px;--touch-min:44px;
/* Layout */
--sidebar-width:240px;--sidebar-collapsed:56px;--topbar-height:52px;--content-max:1280px;--content-gutter:24px;--card-padding:16px;--card-padding-lg:20px;--table-row-height:44px;--table-row-dense:36px;
/* Breakpoints (reference only — cannot be used in media queries) */
--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;
/* Z-index */
--z-sticky:10;/* @kind other */--z-dropdown:20;/* @kind other */--z-overlay:30;/* @kind other */--z-dialog:40;/* @kind other */--z-toast:50;/* @kind other */--z-tooltip:60;/* @kind other */
}