:root{
--space-0:0;--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:56px;--space-11:72px;
/* semantic */
--gutter-screen:20px;      /* phone screen side padding */
--gutter-page:32px;        /* dashboard page padding */
--pad-card:16px;
--pad-card-lg:20px;
--gap-stack:12px;          /* between list rows / stacked cards */
--gap-section:32px;        /* between screen sections */
--tap-min:48px;            /* minimum touch target */
--tap-comfortable:56px;
--rail-width:236px;        /* dashboard sidebar */
--content-max:840px;       /* reading measure on dashboard */
}