/* Spacing — everything derives from a 4px base unit (source convention). */
:root {
  --spacing: 0.25rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Vertical section rhythm — mobile / tablet / desktop */
  --section-y: 4rem;
  --section-y-md: 5rem;
  --section-y-lg: 6rem;

  /* Horizontal gutter — never below 1rem on mobile */
  --gutter: 1rem;
  --gutter-md: 1.5rem;

  /* Minimum touch target */
  --target-min: 44px;
}