/* ============================================================
   HARMONIA — Spacing & layout tokens
   4px base rhythm; compositions breathe with large section pads.
   ============================================================ */
: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: 96px;
  --space-11: 128px;
  --space-12: 160px;

  /* —— Layout —— */
  --maxw:          1200px;  /* page container               */
  --maxw-wide:     1440px;  /* full-bleed feature rows       */
  --maxw-prose:    760px;   /* long-form reading column      */
  --container-max: 1200px;  /* alias                         */
  --gutter:    clamp(20px, 5vw, 80px);   /* @kind spacing */
  --section-y: clamp(64px, 9vw, 160px);  /* @kind spacing */
}