/* GetNetwork — Spacing Tokens */
/* Base unit: 4px (0.25rem) */
:root {
  /* ── Raw Scale ──────────────────────────────────── */
  --space-0:   0;
  --space-px:  1px;
  --space-0-5: 0.125rem;  /*  2px */
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-7:   1.75rem;   /* 28px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-14:  3.5rem;    /* 56px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-32:  8rem;      /* 128px */

  /* ── Semantic / Component ───────────────────────── */
  --space-page-x:       var(--space-4);   /* 16px — horizontal page margin */
  --space-page-y:       var(--space-6);   /* 24px — vertical page margin */
  --space-card-pad:     var(--space-4);   /* 16px — card internal padding */
  --space-card-pad-lg:  var(--space-6);   /* 24px — large card padding */
  --space-section-gap:  var(--space-6);   /* 24px — between screen sections */
  --space-item-gap:     var(--space-3);   /* 12px — between list items */
  --space-btn-pad-x:    var(--space-5);   /* 20px — button horizontal pad */
  --space-btn-pad-y:    var(--space-3);   /* 12px — button vertical pad */
  --space-input-pad-x:  var(--space-4);   /* 16px — input horizontal pad */
  --space-input-pad-y:  var(--space-3);   /* 12px — input vertical pad */
  --space-tab-height:   3.5rem;           /* 56px — bottom tab bar height */
  --space-nav-height:   3rem;             /* 48px — top nav bar height */
}