:root{
/* the only spacing steps */
--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;
--space-24:24px;--space-32:32px;--space-40:40px;--space-56:56px;

--screen-padding:20px;
--card-padding:20px;
--card-gap:12px;
--section-gap:28px;
--chip-gap:8px;

--radius-card:20px;
--radius-option-card:16px;
--radius-input:14px;
--radius-small:12px;
--radius-pill:999px;

--control-height-primary:56px;
--control-height-chip:48px;
--control-height-input:52px;
--icon-size:24px;
--icon-stroke:2;
--category-icon-chip:28px;--category-icon-card:48px;--category-icon-hero:88px;
--tap-target-min:48px;
}