:root {
  /* 4px base, but the source uses generous odd-ish gaps — keep the literals */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 28px;
  --sp-7: 36px;
  --sp-8: 48px;
  --sp-9: 64px;

  --gap-photo-grid: 18px;   /* between polaroid frames */
  --gap-stack: var(--sp-5);
  --pad-card: var(--sp-6);
  --pad-chip: 10px 22px;
  --pad-button: 12px 24px;

  --modal-w: 1100px;
  --content-w: 1180px;
  --pass-w: 720px;
}