/* ============================================================
   ГРУЗЧИК ГУД — Spacing Tokens
   4px base grid
   ============================================================ */

: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-11:   44px;
  --space-12:   48px;
  --space-14:   56px;
  --space-16:   64px;
  --space-20:   80px;
  --space-24:   96px;
  --space-28:   112px;
  --space-32:   128px;

  /* Semantic layout spacing */
  --gap-xs:     var(--space-1);    /* 4px  — tight chip/icon gaps */
  --gap-sm:     var(--space-2);    /* 8px  — inline element gaps */
  --gap-md:     var(--space-4);    /* 16px — standard component gap */
  --gap-lg:     var(--space-6);    /* 24px — section gap */
  --gap-xl:     var(--space-8);    /* 32px — large section gap */
  --gap-2xl:    var(--space-12);   /* 48px — page-level gap */

  /* Component-level padding */
  --pad-btn-sm:   var(--space-1-5) var(--space-3);   /* 6px 12px */
  --pad-btn-md:   var(--space-2-5) var(--space-5);   /* 10px 20px */
  --pad-btn-lg:   var(--space-3) var(--space-6);     /* 12px 24px */
  --pad-card:     var(--space-6);                    /* 24px */
  --pad-card-sm:  var(--space-4);                    /* 16px */
  --pad-input:    var(--space-2-5) var(--space-3);   /* 10px 12px */
  --pad-sidebar:  var(--space-6);                    /* 24px */
  --pad-page:     var(--space-8);                    /* 32px */
}