:root{
--space-0:0px;--space-1:2px;--space-2:4px;--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:112px;

/* component rhythm */
--gap-inline:8px;      /* icon ↔ label */
--gap-tight:12px;      /* dense table / list rows */
--gap-default:16px;    /* card internals */
--gap-section:24px;    /* between cards */
--gap-block:40px;      /* between page blocks */

--pad-card:20px;
--pad-card-sm:14px;
--pad-panel:24px;
--row-height:44px;     /* table row / list row, also min touch target */
--row-height-dense:36px;
--control-height:36px;
--control-height-sm:28px;
--control-height-lg:44px;

--layout-sidenav:236px;
--layout-sidenav-collapsed:60px;
--layout-topbar:56px;
--layout-max:1240px;
--layout-gutter:24px;
}