:root {
  --space-1: 4px;
  --space-2: 7px;
  --space-3: 9px;
  --space-4: 11px;
  --space-5: 14px;
  --space-6: 18px;
  --space-7: 22px;
  --space-8: 26px;
  --space-9: 30px;

  /* Screen rhythm — measured off the source screens, not snapped to a grid */
  --gutter-screen: 22px;   /* status bar / header side padding is 30px, body 22px */
  --gutter-grid: 20px;     /* photo grids sit 2px tighter than text */
  --gap-grid: 11px;        /* 2-up + 3-up photo grids */
  --gap-grid-tight: 9px;   /* 3-up gallery */
  --gap-tool: 15px;        /* vertical tool rail */
  --gap-sticker: 13px;     /* sticker strip */

  --phone-w: 390px;
  --phone-h: 844px;
  --tap-min: 44px;         /* every icon button and tool is 44px */
}