:root{
--space-0:0px;
--space-1:2px;
--space-2:4px;
--space-3:6px;
--space-4:8px;
--space-5:12px;
--space-6:16px;
--space-7:20px;
--space-8:24px;
--space-9:32px;
--space-10:40px;
--space-11:56px;
--space-12:72px;
--space-13:96px;

/* semantic */
--gutter-screen:20px;
--gap-stack:12px;
--gap-section:32px;
--pad-card:16px;
--pad-sheet:20px;
--pad-control-x:18px;
--pad-control-y:12px;
--tap-min:44px;
--nav-height:64px;
--max-content:420px;
}