/* 4px base grid for components. Section rhythm keeps the live site's
   exact vertical values (.section-padding 70 / -lg 90 / -larger 140). */
:root{
  --space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;
  --space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;
  --space-11:64px;--space-12:80px;--space-13:96px;--space-14:128px;

  --section-y:70px;--section-y-lg:90px;--section-y-loose:140px;
  --section-title-gap:60px;   /* .section-title-area margin-bottom */
  --header-height:75px;       /* .site-header line-height + logo height */
  --gutter:24px;
  --container-max:1170px;     /* Bootstrap 3 container the theme ships */
  --container-narrow:800px;
}