// 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;