/* Space — the instrument grid.
   The unit is 2px; the working rhythm is 6 / 10 / 14 / 18 / 26 / 40 / 58 / 96.
   Panel grids are laid out with `gap:1px` on a --line background: the line IS the gap. */
:root{
  --space-0:0;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:9px;
  --space-5:10px;
  --space-6:14px;
  --space-7:18px;
  --space-8:22px;
  --space-9:26px;
  --space-10:32px;
  --space-11:40px;
  --space-12:48px;
  --space-13:58px;
  --space-14:72px;
  --space-15:96px;
  --space-16:128px;

  /* Grid gap — the hairline. Not a shadow, not a margin. */
  --gap-hairline:1px;
  --gap-tight:14px;
  --gap-panel:26px;
  --gap-scene:58px;

  /* Instrument nav — exact, from Brand Book §6 */
  --nav-width:186px;
  --nav-top:30px;
  --nav-left:26px;
  --nav-number-width:15px;      /* the mono 01–08 column */
  --nav-item-gap:14px;
  --content-inset-left:244px;   /* content margin-left */
  --content-inset-right:58px;   /* content padding-right */
  --product-chrome-height:64px; /* the 64px product bar */

  /* Reading measure */
  --measure-prose:64ch;
  --measure-narrow:48ch;
  --measure-wide:78ch;

  /* Scenes — full-viewport sticky sections */
  --scene-min-height:240vh;
  --scene-min-height-short:200vh;
  --scene-min-height-long:300vh;

  /* Touch */
  --tap-min:44px;
}