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

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

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

/* === COLORS === */
$color-white: #fff;
$color-black: #000;
$color-black-gray: #18191a;
$color-blue: #00adef;
$color-blue-light: #d1f3fe;
$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;
