/* ============================================================
   Cocoa — spacing tokens
   A 4px grid (the mascot and every icon are drawn on a 4px pixel
   cell, so layout snaps to the same beat). Values are whole,
   even pixels — never fractional, never sub-pixel.
   ============================================================ */

:root {
  --space-0: 0;
  --space-px: 2px;   /* half-cell hairline gap (e.g. segmented seams) */
  --space-1: 4px;    /* one pixel cell */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ---- Semantic spacing (matches the recorder's real metrics) ---- */
  --pad-card: 10px;     /* cassette / list-item padding    */
  --pad-panel: 16px;    /* inside a PixelPanel              */
  --pad-button: 20px;   /* transport button horizontal pad */
  --gutter: 18px;       /* gap between panels               */
  --inset-window: 22px; /* app body inset                   */
}