/* 4px base grid. Screens use 24px card padding, 32px section gaps, 12px control gaps. */
:root{
  --ip-space-0:0px;
  --ip-space-1:2px;
  --ip-space-2:4px;
  --ip-space-3:8px;
  --ip-space-4:12px;
  --ip-space-5:16px;
  --ip-space-6:20px;
  --ip-space-7:24px;
  --ip-space-8:32px;
  --ip-space-9:40px;
  --ip-space-10:48px;
  --ip-space-11:64px;
  --ip-space-12:80px;
  --ip-space-13:96px;
  --ip-space-14:128px;

  --space-control-gap:var(--ip-space-3);
  --space-field-gap:var(--ip-space-5);
  --space-card-pad:var(--ip-space-7);
  --space-card-pad-sm:var(--ip-space-5);
  --space-section-gap:var(--ip-space-8);
  --space-page-pad:var(--ip-space-8);
  --space-section-y:var(--ip-space-13);   /* marketing section rhythm */
  --layout-max:1200px;
  --layout-sidebar:232px;
  --layout-topbar:64px;
}