:root{
--sp-0:0px;
--sp-1:2px;
--sp-2:4px;
--sp-3:8px;
--sp-4:12px;
--sp-5:16px;
--sp-6:20px;
--sp-7:24px;
--sp-8:32px;
--sp-9:40px;
--sp-10:48px;
--sp-11:64px;
--sp-12:80px;
--sp-13:112px;

--gutter-app:24px;
--gutter-page:64px;
--content-max:1200px;
--reading-max:68ch;

--radius-xs:4px;
--radius-s:8px;
--radius-m:12px;
--radius-l:16px;
--radius-xl:24px;
--radius-pill:999px;
--radius-card:var(--radius-l);
--radius-control:var(--radius-s);

--control-h-s:32px;
--control-h-m:40px;
--control-h-l:48px;
--border-w:1px;
--border-w-strong:1.5px;
}