/* VTS Design System — Spacing
   4px base rhythm. Also carries the PrimeNG content/list gap tokens. */

:root {
  --p-spacing-0: 0;
  --p-spacing-px: 1px;
  --p-spacing-0-5: 2px;
  --p-spacing-1: 4px;
  --p-spacing-1-5: 6px;
  --p-spacing-2: 8px;
  --p-spacing-2-5: 10px;
  --p-spacing-3: 12px;
  --p-spacing-4: 16px;
  --p-spacing-5: 20px;
  --p-spacing-6: 24px;
  --p-spacing-7: 28px;
  --p-spacing-8: 32px;
  --p-spacing-10: 40px;
  --p-spacing-12: 48px;
  --p-spacing-16: 64px;
  --p-spacing-20: 80px;
  --p-spacing-24: 96px;

  /* ---- Component gaps ---- */
  --p-content-gap: 8px;
  --p-inline-gap: 8px;
  --p-form-gap: 16px;
  --p-navigation-gap: 8px;
  --p-toolbar-gap: 8px;

  /* ---- Radius aliases (semantic) ---- */
  --p-radius-field: var(--p-border-radius-md);   /* 6px  — inputs, buttons */
  --p-radius-card: var(--p-border-radius-xl);    /* 12px — cards, dialogs */
  --p-radius-panel: var(--p-border-radius-lg);   /* 8px  — panels */
  --p-radius-pill: var(--p-border-radius-pill);  /* tags, badges, switches */
}