:root{
/* 4px base grid; 6/10/14 exist because the brand artwork uses half-steps */
--space-0:0px;
--space-1:2px;
--space-2:4px;
--space-3:6px;
--space-4:8px;
--space-5:10px;
--space-6:12px;
--space-7:14px;
--space-8:16px;
--space-10:20px;
--space-12:24px;
--space-14:28px;
--space-16:32px;
--space-20:40px;
--space-24:48px;
--space-28:56px;
--space-32:64px;
--space-40:80px;
--space-48:96px;
--space-56:112px;
--space-64:128px;
--space-80:160px;

/* semantic rhythm */
--gap-inline:var(--space-4);      /* icon ↔ label */
--gap-stack:var(--space-6);       /* label ↔ field */
--gap-group:var(--space-12);      /* between related blocks */
--gap-grid:var(--space-16);       /* card grid gutters */
--pad-card:var(--space-16);
--pad-card-lg:var(--space-24);
--pad-section-y:var(--space-48);
--pad-section-y-lg:var(--space-80);
--pad-page-x:var(--space-24);
}