:root {
  --c-black: #191919;
  --c-dark-grey: #999999;
  /* --c-darker-grey: #666666; /**/
  --c-light-grey: #D7D7D7;
  --c-warm-grey: #F3F2F0;
  --c-white: #FFFFFF;
  --c-dark-green: #004435;
  /* --c-dark-green-75: #407368; /**/
  /* --c-dark-green-50: #7FA29A; /**/
  /* --c-dark-green-25: #BFD1CD; /**/
  /* --c-dark-green-12: #E0E9E7; /**/
  --c-green: #00765A;
  --c-green-75: #389680;
  /* --c-green-50: #7FBAAC; /**/
  /* --c-green-25: #C6DFD9; /**/
  /* --c-green-12: #E0EFEB; /**/
  --c-light-green: #5BAC26;
  --c-light-green-hover: #4D8E23;
  /* --c-light-green-75: #82C05A; /**/
  /* --c-light-green-50: #b5d6A0; /**/
  /* --c-light-green-25: #DBEAD1; /**/
  /* --c-light-green-12: #EBF5E5; /**/
  --c-red: #E9333A;
  --c-red-25: #F4999D;
  /* --c-orange: #F78E1E; /**/
  /* --c-dark-yellow: #F6B830; /**/
  --c-yellow: #FFE539;
  /* --c-yellow-25: #FFF7C6 /**/
  --root-spacing: 4px;
  --s1: var(--root-spacing);
  --s2: calc(var(--root-spacing) * 2);
  /* --s3: calc(var(--root-spacing) * 3); */
  --s4: calc(var(--root-spacing) * 4);
  --s5: calc(var(--root-spacing) * 5);
  --s6: calc(var(--root-spacing) * 6);
  --s7: calc(var(--root-spacing) * 7);
  --s8: calc(var(--root-spacing) * 8);
  --s9: calc(var(--root-spacing) * 9);
  --s10: calc(var(--root-spacing) * 10);
  /* --s12: calc(var(--root-spacing) * 12); */
  /* --s16: calc(var(--root-spacing) * 16); */
  --font-family-open-sans: 'Open Sans', sans-serif;
  --font-family-the-mix: 'The Mix', 'Open Sans', sans-serif;
  --font-family-the-mix-bold: 'TheMix Bold', sans-serif;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-light: 300;
}