:root{
/* 8px base, 4px half-steps in dense tables */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
--pad-page:24px;--pad-card:16px;--pad-dense:12px;
--sidebar-w:224px;--sidebar-w-collapsed:56px;--topbar-h:52px;
--row-h:36px;--row-h-compact:30px;--row-h-touch:44px;
--container-agency:1120px;--container-guest:680px;
/* small radius throughout; ≥12px reads consumer */
--radius-input:3px;--radius-card:6px;--radius-dialog:10px;
/* elevation = hairline border + 1px inner highlight; real shadow only on dialogs/dropdowns */
--edge-highlight:inset 0 1px 0 rgba(255,255,255,0.7); /* @kind shadow */
--shadow-overlay:0 8px 24px rgba(15,23,33,0.14);
/* motion — nothing exceeds 220ms; reduced motion drops to opacity only */
--dur-fast:80ms; /* @kind other */
--dur-med:140ms; /* @kind other */
--dur-slow:220ms; /* @kind other */
--ease:cubic-bezier(0.2,0,0,1); /* @kind other */
}