:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;
--gutter:24px;
--page-pad:32px;
--container-max:1240px;
--container-narrow:720px;
--section-y:96px;      /* marketing section rhythm */
--section-y-tight:64px;
--control-h-sm:34px;--control-h:44px;--control-h-lg:52px;  /* 44px min touch target */
--sidebar-w:248px;
--topbar-h:72px;
}