/* ----------------- COLORS ----------------- */

// named
$blue: #2196F3;
$blue-shadow: #2196F329;
$blue-light-1: #42A5F5;
$blue-light-2: #64B5F6;
$blue-light-3: #90CAF9;
$blue-light-4: #BBDEFB;
// $blue-light-5: #E3F2FD;
$blue-light-5: #2195f326;
$blue-dark-1: #1E88E5;
$blue-dark-2: #1976D2;
$blue-dark-3: #1565C0;
$blue-dark-4: #0D47A1;

$green: #4CAF50;
$green-accent-1: #03EFA2;
$green-light-3: #A5D6A7;
// $green-light-4: #C8E6C9;
$green-light-4: #4caf5066;
// $green-light-5: #E8F5E9;
$green-light-5: #4caf5033;
$green-dark-1: #43A047;
$green-dark-2: #388E3C;
$green-dark-3: #2E7D32;
$green-dark-4: #1B5E20;

$grey: #9E9E9E;
$grey-light-1: #BDBDBD;
$grey-light-2: #E0E0E0;
$grey-light-3: #EEEEEE;
$grey-light-4: #F5F5F5;
$grey-light-5: #FAFAFA;
$grey-dark-1: #757575;
$grey-dark-2: #616161;
$grey-dark-3: #424242;
$grey-dark-4: #212121;

$orange: #FF9800;
// $orange-light-5: #FFF3E0;
$orange-light-5: #FF980026;
$orange-shadow: #FF980029;
$orange-dark-1: #FB8C00;
$orange-dark-2: #F57C00;
$orange-dark-3: #EF6C00;
$orange-dark-4: #E65100;

$purple: #9c27b0;

$red: #F44336;
$red-light-3: #EF9A9A;
$red-light-4: #F4433666;
$red-light-5: #F4433626;
$red-dark-1: #E53935;
$red-dark-2: #D32F2F;
$red-dark-3: #C62828;
$red-dark-4: #B71C1C;

// primary
$primary-color: $blue-dark-2 !default;
$primary-shadow-color: $blue-shadow;
$primary-light-1: $blue-light-1;
$primary-light-2: $blue-light-2;
$primary-light-3: $blue-light-3;
$primary-light-4: $blue-light-4;
$primary-light-5: $blue-light-5;
$primary-dark-1: $blue-dark-1;
$primary-dark-2: $blue-dark-2;
$primary-dark-3: $blue-dark-3;
$primary-dark-4: $blue-dark-4;
$primary-translucent: #2195f332;
$primary-shade: #283D8A;
$primary-tint: #91A2E2;

// secondary
$secondary-color: $orange-dark-3;
$secondary-shadow-color: $orange-shadow;

// accent
$accent-color: rgb(17, 231, 117);

// status
$error: $red;
$error-tint: $red-light-5;

$success: $green;
$success-tint: $green-light-5;
$info: $blue;
$warn: $orange;

// toasts
$toast-default-background-color: #000000c4;
$toast-default-text-color: white;
$toast-info-background-color: $info;
$toast-info-text-color: #f8f8f8;
$toast-warn-background-color: $warn;
$toast-success-background-color: $success;
$toast-error-background-color: $error;

// input colors
$input-text-border-color: $grey-light-1;
$input-text-background-color: $grey-light-5;
$input-text-focus-border-color: $primary-color;
$input-text-focus-background-color: white;

// link colors
$link-color: $secondary-color;
$link-underline-active-color: $primary-color;
$link-underline-inactive-color: $grey-light-4;

// slider colors
$slider-tab-active-color: $accent-color;
$slider-tab-inactive-color: #f6f6f6;

// texts
$text-color: #2e4b69;
$text-color-dark: $grey-light-2;
$text-inactive-color: $grey-light-1;
/* ----------------- END COLORS ----------------- */


// breakpoints
$breakpoint-desktop: 1200px;
$breakpoint-laptop: 992px;
$breakpoint-tablet: 768px;
$breakpoint-mobile: 600px;
$breakpoint-mobile-small: 240px;

/* ----------------- TEXT SIZES ----------------- */
// large
$text-lg: 1.2rem;
$text-xlg: 1.5rem;
$text-xxlg: 1.8rem;

// small
$text-sm: .8rem;
$text-xsm: .5rem;
/* ----------------- END TEXT SIZES ----------------- */