/* Elev8 Tech — Spacing Tokens */
/* 4px base grid */

:root {
  --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;

  /* ── Semantic spacing ── */
  --gap-xs:    var(--space-1);
  --gap-sm:    var(--space-2);
  --gap-md:    var(--space-4);
  --gap-lg:    var(--space-6);
  --gap-xl:    var(--space-8);
  --gap-2xl:   var(--space-12);
  --gap-3xl:   var(--space-16);

  --padding-component-xs: var(--space-1) var(--space-2);
  --padding-component-sm: var(--space-2) var(--space-3);
  --padding-component-md: var(--space-3) var(--space-6);
  --padding-component-lg: var(--space-4) var(--space-8);
  --padding-component-xl: var(--space-5) var(--space-10);

  --padding-card:   var(--space-6);
  --padding-panel:  var(--space-8);
  --padding-page:   var(--space-12);

  --section-gap:  var(--space-20);
  --content-max:  1200px;
  --content-wide: 1440px;
}