/* ── Sonnalm Spacing & Layout ──────────────────────────────────────
   Generous, breathing-room-first spacing. 4px base rhythm. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 120px;

  /* Section rhythm (responsive) */
  --section-spacing: 120px;      /* desktop */
  --section-spacing-tablet: 80px;
  --section-spacing-mobile: 64px;

  /* Layout widths */
  --container: 1320px;
  --content: 800px;   /* reading measure 760–820px */

  --gutter: 24px;
}

@media (max-width: 1024px) {
  :root { --section-spacing: var(--section-spacing-tablet); }
}
@media (max-width: 640px) {
  :root { --section-spacing: var(--section-spacing-mobile); }
}