// COLOR PALETTE : OPEN ENT
$cyan:                        #4bafd5 !default;
$green:                       #46bfaf !default;
$yellow:                      #ecbe30 !default;
$orange:                      #FF8500 !default;
$red:                         #e13a3a !default;
$pink:                        #b930a2 !default;
$purple:                      #763294 !default;
$indigo:                      #1a22a2 !default;

// COLOR PALETTE : GREY
$white:                     #FFFFFF !default;
$lightest-grey:             #f0f2f4 !default;
$light-grey:                #e9ebef !default;
$neutral-grey:              #d6d9e0 !default;
$medium-grey:               #c9ced5 !default;
$solid-grey:                #b1b6bf !default;
$grey:                      #8c939e !default;
$dark-grey:                 #5b6472 !default;
$darkest-grey:              #3f454f !default;
$black:                     #000000 !default;

// COLOR PALETTE : SHADOW
$shadow-light:                rgba(0, 0, 0, 0.1) !default;
$shadow:                      rgba(0, 0, 0, 0.26) !default;
$shadow-dark:                 rgba(0, 0, 0, 0.4) !default;
$shadow-darker:               rgba(0, 0, 0, 0.6) !default;

///////
$primary:                     $cyan !default;
$primary-darkest:             saturate(darken($primary, 40%), 10%) !default;          //#0c3848
$primary-dark:                saturate(darken($primary, 9%), 3%) !default;            //#2a9cc8
$primary-light:               saturate(lighten($primary, 17%), 85%) !default;         //#97defa
$primary-lighter:             desaturate(lighten($primary-light, 15%), 10%) !default; //#c7edfc

$accent:                      $orange !default;
$hover: 		                  $accent !default;
$dark-accent:                 darken($accent, 15%) !default;                          //#b35d00

$warning-color:               $pink !default;
$warning-color-hover:         darken($warning-color, 20%) !default;
$forewarn-color:              $orange !default;
$valid-color:                 $green !default;
$error-color:                 $red !default;
$info-color:                  $cyan !default;

$text-light:                  $dark-grey !default;
$text-lightest:               $white !default;
$text-color:                  $black !default;

$background:                  $lightest-grey !default;
$disabled-color:              darken($white, 46.5%)!default;                          //#888888
$block-disabled-color:        $primary-lighter !default;

$colorz: $cyan, $green, $yellow, $orange, $pink, $purple, $indigo;


//EXERCISER SPECIFIC
$fill-color:        $white !default;
$stroke-color:      $primary !default;
$header-height: 64px !default;
$mobile-header-height: 50px !default;

//SPECIFIC BREAKPOINTS
$small-screen: 959px;