// Colors (default)

  $black: #000000 !default;
  $white: #ffffff !default;

  $grey: #777777 !default; 

  $primary: #3f873d !default; // Emerald / Green / AthlonX

// Color palette

  $grey-100: lighten($grey, 48);
  $grey-200: lighten($grey, 42);
  $grey-300: lighten($grey, 36);
  $grey-400: lighten($grey, 30);
  $grey-500: lighten($grey, 24);
  $grey-600: lighten($grey, 18);
  $grey-700: lighten($grey, 12);
  $grey-800: lighten($grey, 6);
  $grey-900: $grey;

  $color-100: lighten($primary, 56);
  $color-200: lighten($primary, 49);
  $color-300: lighten($primary, 42);
  $color-400: lighten($primary, 35);
  $color-500: lighten($primary, 28);
  $color-600: lighten($primary, 21);
  $color-700: lighten($primary, 14);
  $color-800: lighten($primary, 7);
  $color-900: $primary;

// Fonts

  $font-stack: Montserrat, Droid Sans, Helvetica Neue, Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif;
  $font-size: 16px;
  $font-size-mobile: 20px;
  $font-weight: 400;
  $font-style: normal;
  $font-line-height: 1.8;

// Breakpoints / Containers

  $container-width: 1200px; 

  $breakpoint-mobile: 540px;
  $breakpoint-tablet: 800px;
  $breakpoint-desktop: 1200px;