/* === 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-light2: #a2d1e1;
$color-blue-light3: #4799b5;
$color-blue-dark: #0259bf;
$color-blue-dark2: #005F6E;
$color-yellow: #f8e71c;
$color-yellow2: #f6bc00;
$color-orange: #f55523;
$color-red: #ff0000;
$color-red1:#E60003;
$color-dark-red: #9f0002;
$color-dark-red1: #f44336;
$color-dark-red2: #ff0000;
$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-light-gray6: #2d2e32;
$color-light-gray7: #d8d8d8;
$color-light-gray8: #848484;
$color-light-gray9: #f8f8f8;

$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;
$color-dark-gray8: #666666;
$color-dark-gray9: #999999;
$color-dark-gray10: rgb(169, 169, 169);
$color-dark-gray11: #292929;

$color-light-green1: #3f9202;
$color-light-green2: #67C500;


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