:root{
/* 4px base grid; every step below appeared in the source */
--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-26:26px;--space-28:28px;--space-30:30px;--space-32:32px;--space-36:36px;--space-48:48px;
--space-base:4px;

/* ---- semantic ---- */
--gap-tight:var(--space-4);
--gap-snug:var(--space-8);
--gap-group:var(--space-16);
--gap-section:var(--space-32);
--pad-card:var(--space-16);
--pad-card-tight:var(--space-8);
--pad-control-y:var(--space-8);
--pad-control-x:var(--space-16);
--pad-screen:var(--space-16);

/* layout */
--max-content:1040px;
--max-page:1060px;
--screen-mobile:390px;
--hit-target:44px;
--bp-xs:480px;--bp-sm:600px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1060px;--bp-2xl:1460px;
}