/* Maximus — Spacing tokens
   The app uses a loose 2/4-based rhythm. Screen padding is 20; common gaps
   are 8/10/12/14/16/20/24/32. Reproduced verbatim (not snapped to a grid). */

:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 20px;   /* default screen padding */
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;

  /* ---- Semantic ---- */
  --pad-screen: var(--space-9);   /* 20px — ListView padding on every screen */
  --pad-card: var(--space-8);     /* 16px — Card inner padding */
  --pad-card-sm: var(--space-7);  /* 14px — summary/percent card padding */
  --gap-tight: var(--space-6);    /* 12px — between cards in a group */
  --gap-section: var(--space-10); /* 24px — between form sections */

  /* ---- Layout ---- */
  --tap-target: 52px;   /* primary button min-height */
  --tap-min: 44px;      /* iOS minimum hit target */
}