:root{
--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:40px;--sp-6:48px;--sp-8:64px;--sp-10:80px;--sp-12:96px;--sp-16:128px;
--sp-half:4px;
--card-padding:24px;
--panel-padding:32px;
--section-gap:64px;        /* mobile */
--section-gap-desktop:128px;
--container-max:1200px;
--container-gutter:24px;
--field-height:44px;
--control-height:44px;     /* never below 44px: touch target floor */
}
@media (min-width:768px){:root{--section-gap:128px}}