/* Arkum Labs — Spacing Scale
   4px base unit. Geometric, precise. Use tokens, never magic numbers. */

:root {
  --space-0:   0;
  --space-px:  1px;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;
  --space-40:  160px;

  /* Component-level rhythm aliases */
  --pad-control:   var(--space-3);   /* inner padding for buttons/inputs */
  --pad-card:      var(--space-6);    /* card interior */
  --pad-panel:     var(--space-8);    /* data/feature panel interior */
  --gap-inline:    var(--space-2);    /* between inline siblings (icon+label) */
  --gap-stack:     var(--space-4);    /* between stacked elements */
  --gap-section:   var(--space-16);   /* between page sections */

  /* Section vertical rhythm (responsive ceilings handled in layout.css) */
  --section-y:     var(--space-24);
}