/* briggen.dev — Spacing tokens
   Everything snaps to the same pixel grid the logo and mascot are drawn on.
   Base unit is 2px; the visible graph-paper grid is 18px. */

:root {
  /* ---- Spacing scale (2px base) ---- */
  --space-0:  0;
  --space-1:  2px;
  --space-2:  4px;
  --space-3:  6px;
  --space-4:  8px;
  --space-5:  10px;
  --space-6:  12px;
  --space-8:  16px;
  --space-10: 20px;
  --space-11: 22px;
  --space-14: 28px;
  --space-18: 36px;
  --space-20: 40px;
  --space-22: 44px;
  --space-28: 56px;

  /* ---- The grid ---- */
  --grid-cell:   18px;  /* visible graph-paper background cell */
  --grid-pixel:  16px;  /* the logo/mascot pixel grid (16x16) */

  /* ---- Layout ---- */
  --measure:       920px;  /* max content width */
  --gutter:        28px;   /* page side padding */
  --gap-card:      10px;   /* gap between cards in a grid */
}