/* Spacing utilities */
:root {
  --dp-space-0: 0;
  --dp-space-1: 4px;
  --dp-space-2: 8px;
  --dp-space-3: 12px;
  --dp-space-4: 16px;
  --dp-space-5: 20px;
  --dp-space-6: 24px;
  --dp-space-7: 32px;
  --dp-space-8: 40px;
}

/* Utility classes */
.p-1 { padding: var(--dp-space-1) !important; }
.p-2 { padding: var(--dp-space-2) !important; }
.p-3 { padding: var(--dp-space-3) !important; }
.p-4 { padding: var(--dp-space-4) !important; }
.m-1 { margin: var(--dp-space-1) !important; }
.m-2 { margin: var(--dp-space-2) !important; }
.m-3 { margin: var(--dp-space-3) !important; }
.m-4 { margin: var(--dp-space-4) !important; }