/* Manage Inventory — Spacing tokens. 4px base grid. */
:root {
  --space-0:  0;
  --space-px: 1px;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Semantic layout rhythm */
  --gap-card:       16px;   /* between cards in a grid */
  --pad-card:       20px;   /* inside a standard card */
  --pad-card-sm:    16px;
  --pad-cell-x:     18px;   /* table cell horizontal */
  --pad-cell-x-dense:12px;  /* dense tables (>=10 cols) */
  --pad-cell-y:     11px;
  --section-gap:    32px;   /* between page sections */
  --page-pad-x:     24px;
  --page-pad-y:     24px;
  --content-max:    1400px; /* max-w content column */
  --sidebar-w:      232px;
  --topbar-h:       56px;
}