/* The theme spaces on multiples of 5, not 4 or 8. Section rhythm is coarse:
   100px is the default vertical block, 80px the compact one, 140px the airy one. */
:root{
  --space-1:5px;
  --space-2:10px;
  --space-3:15px;
  --space-4:20px;
  --space-5:25px;
  --space-6:30px;
  --space-7:40px;
  --space-8:50px;
  --space-9:60px;
  --space-10:80px;
  --space-11:100px;
  --space-12:120px;
  --space-13:140px;

  /* Odd authored values that recur and should not be snapped to the scale */
  --space-gutter-7:7px;    /* card grid gutter (margin:7px, width:calc(50% - 14px)) */
  --space-13-5:13px;
  --space-23:23px;
  --space-26:26px;
  --space-27:27px;
  --space-33:33px;
  --space-36:36px;
  --space-37:37px;
  --space-47:47px;
  --space-52:52px;

  /* Layout */
  --container-max:1230px;
  --container-max-wide:1510px;  /* full-bleed article slider only */
  --container-pad:20px;
  --header-logo-w:143px;
  --drawer-max:520px;

  /* Block rhythm */
  --section-y:100px;
  --section-y-compact:80px;
  --section-y-airy:140px;
  --heading-group-my:100px 0 80px; /* @kind other */
  --card-pad:40px 37px 52px; /* @kind other */
  --nav-item-pad:21px 16px; /* @kind other */
}