/* ===========================================================================
   Quill — Spacing & Layout
   ---------------------------------------------------------------------------
   A 0.25rem (4px) base step. Generous editorial rhythm: sections breathe with
   --space-24 (6rem), components sit on --space-4 / --space-6.
   =========================================================================== */

:root {
  /* ---- Spacing scale --------------------------------------------------- */
  --space-0:   0;
  --space-1:   0.25rem;   /* 4px  */
  --space-2:   0.5rem;    /* 8px  */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */

  /* ---- Layout ---------------------------------------------------------- */
  --container:      1400px;  /* marketing max-width */
  --container-prose: 800px;  /* manifesto / reading column */
  --gutter:         var(--space-12);  /* page side padding (desktop) */
  --gutter-mobile:  var(--space-6);
}