/* Neurobusiness — Spacing Tokens (4px base grid) */
:root {

  /* ─── Base Scale ────────────────────────────────────────── */
  --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-28:  112px;
  --space-32:  128px;
  --space-40:  160px;
  --space-48:  192px;
  --space-56:  224px;
  --space-64:  256px;

  /* ─── Semantic Spacing ──────────────────────────────────── */
  /* Component internal padding */
  --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);

  /* Section / layout spacing */
  --section-gap-sm:  var(--space-12);
  --section-gap-md:  var(--space-20);
  --section-gap-lg:  var(--space-32);
  --section-gap-xl:  var(--space-48);

  /* Content column widths */
  --content-xs:   320px;
  --content-sm:   480px;
  --content-md:   640px;
  --content-lg:   800px;
  --content-xl:   960px;
  --content-2xl:  1200px;
  --content-full: 1440px;

  /* Page inset (horizontal margin) */
  --inset-sm:  var(--space-4);
  --inset-md:  var(--space-8);
  --inset-lg:  var(--space-16);
  --inset-xl:  var(--space-24);
}