/* ============================================================
   GRAM · SPACING
   4px base grid. Calm, generous rhythm.
   ============================================================ */

:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;
  --space-14: 160px;

  /* Semantic layout */
  --gutter:        var(--space-6);   /* inner card padding */
  --gutter-lg:     var(--space-8);
  --section-y:     var(--space-12);  /* vertical section rhythm */
  --stack:         var(--space-4);   /* default gap between stacked items */
  --inline-gap:    var(--space-3);   /* default gap between inline items */

  /* Content measures */
  --measure-prose: 68ch;    /* long-form reading width */
  --measure-narrow: 46ch;   /* hero subcopy */
  --container: 1200px;      /* marketing max width */
  --container-wide: 1320px;
}