/* ============================================================
   SPACING
   ------------------------------------------------------------
   8px base unit. The scale expands generously at the top end —
   sections breathe at 80–208px for editorial rest.
   ============================================================ */

:root {
  --space-1: 8px;
  --space-2: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 80px;
  --space-10: 96px;
  --space-11: 128px;
  --space-12: 176px;
  --space-13: 192px;
  --space-14: 208px;

  /* Semantic */
  --gutter: 24px;            /* default gap inside content        */
  --section-y: 128px;        /* vertical rhythm between sections   */
  --section-y-mobile: 64px;
  --container-max: 1200px;   /* centered content max width         */
}