/* ── Jetgam spacing & layout ──────────────────────────────────────────
   8px base grid. Whitespace is the primary design tool — be generous.
   Section padding is large; text columns are narrow. */

:root {
  --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.5rem;   /* 24px */
  --space-6:   2rem;     /* 32px */
  --space-7:   3rem;     /* 48px */
  --space-8:   4rem;     /* 64px */
  --space-9:   6rem;     /* 96px */
  --space-10:  8rem;     /* 128px */

  /* Layout widths */
  --content-max:  1200px;  /* outer content frame */
  --measure:      720px;   /* narrow text column (reading measure) */
  --gutter:       1.5rem;  /* mobile page gutter */
  --gutter-lg:    2.5rem;  /* desktop page gutter */

  /* Vertical rhythm for big page sections */
  --section-y:    var(--space-8);  /* mobile */
  --section-y-lg: var(--space-10); /* desktop */
}