:root{
/* 4px grid — the exact ladder from 07 · Spacing */
--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-40:160px;

/* recurring relationships */
--sp-heading-to-body:var(--sp-4);
--sp-body-to-cta:var(--sp-6);
--sp-icon-to-text:var(--sp-3);
--sp-card-padding:var(--sp-10);
--sp-card-padding-sm:var(--sp-6);
--sp-group-gap:var(--sp-6);
--sp-section-gap:var(--sp-24);
}