:root{
  /* ── Scale (as actually used on peelapart.film — not a 4/8 grid) ─ */
  --space-1:4px;
  --space-2:6px;
  --space-3:8px;
  --space-4:10px;
  --space-5:12px;
  --space-6:14px;
  --space-7:18px;
  --space-8:20px;
  --space-9:22px;
  --space-10:28px;
  --space-11:32px;
  --space-12:44px;
  --space-13:64px;
  --space-14:68px;

  /* ── Page rhythm ──────────────────────────────────────────────── */
  --page-pad:60px 20px 80px; /* @kind spacing */
  --page-pad-sm:40px 16px 60px; /* @kind spacing */
  --section-gap:64px;
  --section-gap-sm:48px;

  /* ── Polaroid geometry (the load-bearing measurements) ────────── */
  --pol-pad:22px 22px 68px; /* @kind spacing */       /* hero / connect / beta frame */
  --pol-pad-video:10px 10px 46px; /* @kind spacing */ /* gallery frame */
  --pol-caption-bottom:16px;
  --pol-note-bottom:14px;

  /* ── Widths ───────────────────────────────────────────────────── */
  --w-hero:410px;
  --w-connect:380px;
  --w-beta:460px;
  --w-about:760px;
  --w-gallery:920px;
  --w-portrait:260px;
  --w-portrait-sm:220px;
  --w-video:220px;
  --w-video-sm:170px;
  --w-closed-sign:240px;

  /* ── Radii — deliberately tiny. Paper, not software. ──────────── */
  --radius-photo:1px;   /* video inside a frame */
  --radius-emulsion:2px;/* .pol-photo */
  --radius-sign:3px;
  --radius-card:4px;    /* .pol frame */
  --radius-check:4px;
  --radius-field:8px;   /* inputs, buttons, checkbox rows */
  --radius-pill:20px;   /* retired tag/pill */
}
