:root{
/* 2px-rooted scale. The product is dense: 8/12/14/16 do most of the work. */
--sp-0:0; /* @kind spacing */ --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:10px;
--sp-6:12px; --sp-7:14px; --sp-8:16px; --sp-9:20px; --sp-10:24px;
--sp-12:28px; --sp-14:32px; --sp-16:40px; --sp-20:48px; --sp-24:64px; --sp-32:88px;

--gap-tight:var(--sp-4);
--gap-card:var(--sp-6);
--gap-grid:var(--sp-7);
--gap-section:var(--sp-16);

--pad-card:16px;
--pad-panel:16px;
--pad-control-y:9px;
--pad-control-x:14px;

--shell-max:1280px;      /* deals + dashboard */
--shell-max-narrow:1120px;/* marketing */
--shell-pad:28px;
--shell-pad-sm:16px;
--section-y:clamp(40px,8vw,88px); /* @kind spacing */

--r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-pill:999px;
}