/* ============================================================
   CHAMELEON SPACE — SPACING & LAYOUT
   4px base grid. Loud designs need air between the noise.
   ============================================================ */

:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* container widths */
  --container:    1200px;
  --container-sm: 760px;
  --container-xs: 520px;

  /* gutter */
  --gutter: var(--space-5);
}