/* ============================================================
   SPACING & LAYOUT
   4px base grid.
   ============================================================ */
:root {
  --space-0: 0;
  --space-1: 0.25rem; /* 4 */
  --space-2: 0.5rem;  /* 8 */
  --space-3: 0.75rem; /* 12 */
  --space-4: 1rem;    /* 16 */
  --space-5: 1.25rem; /* 20 */
  --space-6: 1.5rem;  /* 24 */
  --space-8: 2rem;    /* 32 */
  --space-10: 2.5rem; /* 40 */
  --space-12: 3rem;   /* 48 */
  --space-16: 4rem;   /* 64 */
  --space-20: 5rem;   /* 80 */
  --space-24: 6rem;   /* 96 */
  --space-32: 8rem;   /* 128 */
  --space-40: 10rem;  /* 160 */

  /* Section rhythm — vertical padding for page sections */
  --section-y: clamp(4rem, 9vw, 9rem); /* @kind spacing */
  --section-y-sm: clamp(2.5rem, 5vw, 4rem); /* @kind spacing */

  /* Content widths */
  --container: 1200px;
  --container-wide: 1360px;
  --container-narrow: 760px; /* reading measure */
  --measure: 68ch;

  /* Page gutters */
  --gutter: clamp(1.25rem, 5vw, 5rem); /* @kind spacing */
}