:root{
/* 4px base, but the brand leans on generous 20/24 gutters */
--space-0:0px;
--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;

--gutter-screen:20px;    /* phone side margin */
--gap-stack:12px;        /* between rows in a list */
--gap-panel:16px;        /* inside a coloured panel */
--pad-card:16px;
--pad-panel:14px;
--pad-button-y:16px;
--pad-button-x:24px;
--pad-chip-y:8px;
--pad-chip-x:14px;

--hit-min:48px; /* @kind spacing */ /* never smaller */
--nav-height:64px; /* @kind spacing */
}