:root{
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --sp-14:56px;
  --sp-18:72px;

  /* Mobile-first frame. WAIT is a phone product; every screen is built
     to 390px and the gutter never changes. */
  --screen-w:390px; /* @kind spacing */
  --gutter:20px; /* @kind spacing */
  --safe-top:52px;
  --safe-bottom:34px;
  --tap-min:44px; /* @kind spacing */

  --r-1:6px;
  --r-2:10px;
  --r-3:14px;
  --r-4:20px;
  --r-5:28px;
  --r-pill:999px;
}