/* Stout Design System — spacing tokens
   Internal gaps step 4 / 8 / 12 / 16. Vertical rhythm in rem.
   Reading mode breathes (2rem sections); data mode tightens (1rem). */

:root {
  /* Internal component gaps */
  --sds-gap-1: 4px;
  --sds-gap-2: 8px;
  --sds-gap-3: 12px;
  --sds-gap-4: 16px;

  /* Vertical rhythm */
  --sds-rhythm-1: 0.5rem;
  --sds-rhythm-2: 1rem;
  --sds-rhythm-3: 1.5rem;
  --sds-rhythm-4: 2rem;

  /* Section margins */
  --sds-section-reading: 2rem;
  --sds-section-data:    1rem;

  /* Component padding */
  --sds-pad-card:  14px 16px;
  --sds-pad-panel: 16px 18px;
}