/* ============================================================
   Spacing & layout — David & Manon
   8px base rhythm, generous airy interiors.
   ============================================================ */

:root {
  --space-0:   0;
  --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:   96px;
  --space-10:  128px;

  /* ---- Section rhythm ---- */
  --section-pad-y:   clamp(48px, 9vw, 112px); /* @kind spacing */
  --section-pad-x:   clamp(20px, 5vw, 64px); /* @kind spacing */
  --content-max:     1080px; /* @kind spacing */
  --prose-max:       640px; /* @kind spacing */
  --card-max:        420px; /* @kind spacing */

  /* ---- Faire-part (mobile / story canvas) ---- */
  --story-w:   390px; /* @kind spacing */
  --story-h:   844px; /* @kind spacing */
}