/* BagDrop — Spacing Tokens */

:root {
  --space-0:   0px;
  --space-px:  1px;
  --space-0-5: 2px;
  --space-1:   4px;
  --space-1-5: 6px;
  --space-2:   8px;
  --space-2-5: 10px;
  --space-3:   12px;
  --space-3-5: 14px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   28px;
  --space-8:   32px;
  --space-9:   36px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-28:  112px;
  --space-32:  128px;
  --space-40:  160px;
  --space-48:  192px;
  --space-56:  224px;
  --space-64:  256px;

  /* ── Semantic spacing ── */
  --gap-xs:   var(--space-1-5);   /*  6px */
  --gap-sm:   var(--space-2);     /*  8px */
  --gap-md:   var(--space-4);     /* 16px */
  --gap-lg:   var(--space-6);     /* 24px */
  --gap-xl:   var(--space-10);    /* 40px */

  --pad-card:     var(--space-6);
  --pad-section:  var(--space-12);
  --pad-page:     var(--space-16);
}