/* ============================================================
   LexLocal — Spacing & Layout
   4px base grid. Calm, generous rhythm.
   ============================================================ */

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

  /* Section rhythm for marketing pages — lots of air */
  --section-y:        112px;
  --section-y-tight:  72px;

  /* Content widths */
  --container:     1200px;
  --container-narrow: 760px;
  --container-wide:   1360px;
  --gutter:        24px;
}