/* ==================================================================
   Mitmachbox — Spacing tokens
   Vertical rhythm on a 6px base unit (Swiss / Programa).
   8px is permitted only for tight list-item gaps (per the reference);
   16px is the canonical card padding. Everything else is a 6-multiple.
   ================================================================== */
:root {
  --space-0:   0;
  --space-1:   6px;
  --space-2:   12px;
  --space-3:   18px;
  --space-4:   24px;
  --space-5:   30px;
  --space-6:   36px;
  --space-8:   48px;
  --space-10:  60px;
  --space-12:  72px;
  --space-16:  96px;

  /* Named layout spacing (from the reference) --------------------- */
  --gap-list-item:  8px;    /* tight list rows */
  --gap-element:    12px;   /* between sibling controls */
  --pad-card:       16px;   /* canonical card padding */
  --gap-section:    96px;   /* major section separation */

  /* Layout frame -------------------------------------------------- */
  --page-max-width: 1200px;
  --content-inset:  24px;   /* comfortable page gutter for app views */
}