/* ============================================================
   SETTINGS · SPACING
   4px base unit. Linear early, exponential late.
   Control panels are gridded — keep tight, deliberate.
   ============================================================ */

:root {
  --space-0:   0;
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.5rem;    /* 24px */
  --space-6:   2rem;      /* 32px */
  --space-7:   3rem;      /* 48px */
  --space-8:   4rem;      /* 64px */
  --space-9:   6rem;      /* 96px */

  /* Rivets and panel gutters — the metallic seams */
  --gap-rivet:   var(--space-1);
  --gap-seam:    var(--space-2);
  --gap-bay:     var(--space-4);
  --gap-deck:    var(--space-6);
}