/* Atlas Health — Spacing tokens. 8px base grid. Use only these values. */

:root {
  --space-1: 4px;    /* icon-to-label gaps */
  --space-2: 8px;    /* tight component padding */
  --space-3: 12px;   /* default gap between related items */
  --space-4: 16px;   /* card padding, mobile side margin */
  --space-6: 24px;   /* section padding (mobile v), large card padding */
  --space-8: 32px;   /* gap between major blocks */
  --space-10: 40px;  /* desktop side margin */
  --space-14: 60px;  /* section vertical padding (mobile→tablet) */
  --space-22: 92px;  /* section vertical padding (desktop) */

  /* Layout */
  --page-margin-mobile: 20px;
  --page-margin-desktop: 40px;
  --content-max: 1200px;
  --grid-gap-mobile: 16px;
  --grid-gap-desktop: 24px;
  --touch-min: 48px;
}