:root{
  /* 4px base, with a 2px half-step for tag padding */
  --space-0:0;
  --space-05:2px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:64px;
  --space-11:80px;
  --space-12:104px;

  /* layout */
  --gutter-mobile:20px;      /* 390px catalogue frame */
  --gutter-web:32px;
  --content-max:1180px;
  --card-gap:12px;
  --section-gap:40px;
  --tap-min:44px;            /* never smaller */
}