/* ============================================================================
   AksesKerja Design System — Spacing Scale
   4px base unit, 8px rhythm, for consistent layouts across all surfaces
   ============================================================================ */

:root {
  /* Base 4px unit with 8px rhythm */
  --space-1:  4px;    /* micro: icon gaps, tight elements */
  --space-2:  8px;    /* small: input padding, chip gaps */
  --space-3:  12px;   /* default: margins between elements */
  --space-4:  16px;   /* section: card padding, component gaps */
  --space-5:  20px;   /* larger: container padding */
  --space-6:  24px;   /* major: panel padding, section headers */
  --space-8:  32px;   /* extra: page margins, major sections */
  --space-10: 40px;   /* jumbo: top-level container spacing */
}