/* Products That Count — spacing & layout.
   The guide specifies no numeric spacing scale; this 4px-based ramp is
   inferred from the proportions of the application mockups (pp.16-21).
   The one hard number the guide DOES give is logo clear space: an area equal
   to the width of three letter forms of the wordmark (p.6). */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:40px;
  --space-8:56px;
  --space-9:72px;
  --space-10:96px;
  --space-11:128px;

  --gutter-page:64px;
  --gutter-page-sm:24px;
  --container-max:1280px;
  --measure-body:62ch;

  /* Logo protections & minimums (p.6) */
  --logo-clear-space:1em;          /* ~3 letter forms at the lockup's own size */
  --logo-min-width-primary:70px;   /* digital; print 1in */
  --logo-min-width-secondary:120px;/* digital; print 1.5in */
}
