/* Mimori — Spacing tokens (8px grid, with a 4px half-step)
 * Every gap, padding, and margin resolves to one of these. Elderly touch targets
 * use --space-touch-lg (72px); no interactive target below --touch-min (48px).
 */
:root {
  --space-0:  0px;
  --space-1:  4px;   /* hairline gaps, icon-to-label on dense UI */
  --space-2:  8px;   /* base unit */
  --space-3:  12px;
  --space-4:  16px;  /* default component padding */
  --space-5:  20px;
  --space-6:  24px;  /* card padding */
  --space-8:  32px;  /* section spacing */
  --space-10: 40px;
  --space-12: 48px;  /* large section spacing */
  --space-16: 64px;
  --space-20: 80px;

  /* Touch targets */
  --touch-min:      48px;  /* WCAG comfortable minimum */
  --touch-elder:    72px;  /* elderly primary actions */

  /* Layout */
  --container-sm:  480px;   /* elderly app / phone content */
  --container-md:  768px;   /* dashboard content */
  --container-lg:  1200px;  /* admin content */
  --container-xl:  1440px;  /* admin wide */
  --sidebar-w:     260px;
}