/* === MEDIA QUERY VARS === */

$tablet: "768px";
$desktop: "1024px";

$small: 375px;
$medium: 768px;
$large: 1024px;
$xlarge: 1320px;


/* === COLORS === */
$color-white: #fff;
$color-black: #000;
$color-blue: #00ADEF;
$color-blue-dark:#0259BF;
$color-yellow: #F8E71C;
$color-yellow2:#F6BC00;
$color-orange:#F55523;
$color-dark-red:#9F0002;
$color-light-gray1: #FAF9F8;
$color-light-gray2: #ECECEC;
$color-light-gray3: #d8d8d8;
$color-light-gray4: rgba(0,0,0,0.1);
$color-light-gray5: #dddddd;


$color-dark-gray1:#666665;
$color-dark-gray2: #3C3C3C;
$color-dark-gray3:#333333;
$color-dark-gray4: #3B3C3C;
$color-dark-gray5: #1F1E1F;
$color-dark-gray6: rgba(0,0,0,0.7);
$color-dark-gray7: #424242;




// Link colors
$link-regular:  $color-black;
$link-hover: $color-blue;
$link-inactive: $color-light-gray1;

//Messaging colors
// $success : $color-light-green1;
// $warning : $color-yellow;
// $error :$color-dark-red;