:root{
--sp-0:0px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:20px;--sp-8:24px;--sp-9:32px;--sp-10:40px;--sp-11:56px;--sp-12:72px;--sp-13:96px;--sp-14:128px;

--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-card:18px;--r-panel:24px;--r-pill:999px;

--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;
--gutter:24px;
--page-max:1240px;
--section-y:96px;
--card-pad:20px;
--hairline:1px;
}