/* ============================================================
   SPACING — spacing.css
   Margin/padding/gap utility classes built on the --space-* tokens.
   ============================================================ */

.po-mt-1 { margin-top: var(--space-1); }
.po-mt-2 { margin-top: var(--space-2); }
.po-mt-4 { margin-top: var(--space-4); }
.po-mt-8 { margin-top: var(--space-8); }

.po-mb-1 { margin-bottom: var(--space-1); }
.po-mb-2 { margin-bottom: var(--space-2); }
.po-mb-4 { margin-bottom: var(--space-4); }
.po-mb-8 { margin-bottom: var(--space-8); }

.po-p-2  { padding: var(--space-2); }
.po-p-4  { padding: var(--space-4); }
.po-p-6  { padding: var(--space-6); }
.po-p-8  { padding: var(--space-8); }

.po-gap-2 { gap: var(--space-2); }
.po-gap-4 { gap: var(--space-4); }
.po-gap-6 { gap: var(--space-6); }