:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;
/* semantic */
--gutter-screen:20px;      /* left/right padding inside a phone screen */
--gap-card-stack:14px;     /* vertical gap between stacked cards */
--gap-inline:8px;          /* chips, icon+label */
--pad-card:18px;
--pad-card-lg:22px;
--pad-row:14px;
--pad-pill-x:16px;--pad-pill-y:10px;
--pad-button-x:28px;--pad-button-y:18px;
--tap-min:44px;
}