/* ALB-PACKA Spacing Tokens */

:root {
  /* ── Base Scale (4px grid) ── */
  --space-0:   0px;
  --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-14:  56px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32: 128px;
  --space-40: 160px;
  --space-48: 192px;

  /* ── Component Padding ── */
  --padding-btn-sm:  var(--space-2) var(--space-4);
  --padding-btn-md:  var(--space-3) var(--space-6);
  --padding-btn-lg:  var(--space-4) var(--space-8);
  --padding-card:    var(--space-6);
  --padding-section: var(--space-16) var(--space-8);

  /* ── Border Radii ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 4px rgba(16, 58, 75, 0.10);
  --shadow-md:  0 4px 16px rgba(16, 58, 75, 0.13);
  --shadow-lg:  0 8px 32px rgba(16, 58, 75, 0.16);
  --shadow-xl:  0 16px 48px rgba(16, 58, 75, 0.20);

  /* ── Z-Index ── */
  --z-base:    0;    /* @kind other */
  --z-raised:  10;   /* @kind other */
  --z-overlay: 100;  /* @kind other */
  --z-modal:   1000; /* @kind other */
  --z-toast:   2000; /* @kind other */
}