:root{
  --s-0:0px;
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:20px;
  --s-6:24px;
  --s-8:32px;
  --s-10:40px;
  --s-12:48px;
  --s-16:64px;

  --gutter:16px;          /* screen side padding */
  --card-pad:16px;
  --card-pad-lg:20px;
  --section-gap:32px;     /* between promo sections */
  --stack-gap:12px;       /* between cards in a list */
  --tabbar-h:56px;
  --navbar-h:44px;
  --touch-min:44px;
}