/*
Primary Colors
*/
$well-water: #006ba2;
$sky-ship: #11a2dc;
$black: #26282b;
$black-90: rgba(38, 40, 43, 0.9);
$black-20: rgba(38, 40, 43, 0.2);
$grey-5: #58595b;
$grey-4: #838383;
$grey-3: #b9bab9;
$grey-2: #d8d8d8;
$grey-1: #f5f5f5;
$white: #ffffff;

/*
Alert Colors/ Secondary Colors
These colors are meant for alerts and analytics and graphing elements,
there are also darker and opacity versions for hover states and buttons.
*/
$red-alert: #b41d13;
$red-alert-dark: #87160f;
$red-alert-light: #cb5241;
$red-alert-opacity: rgba(180, 29, 19, 0.1);
$saffron-submarine: #df9100;
$saffron-submarine-opacity: rgba(223, 145, 0, 0.1);
$green-goblin: #1b7b3b;
$green-goblin-light: #7ec7a8;
$green-goblin-dark: #14592b;
$green-goblin-opacity: rgba(27, 123, 59, 0.1);
$blue-man-crew: #0a6fdb;
$blue-man-crew-opacity: rgba(10, 111, 219, 0.1);
$happy-clouds: #e7f1fb;
$tropical-blue: #cee2f8;
$cornflower-blue: #6ca9e9;
/*
Tertiary Colors
These colors are meant for analytics and graphing elements.
*/
$marooned-on-an-island: #870058;
$peritwinkle-toes: #7180ac;
$in-the-navy: #0b517c;
$gradient-blue-blue: linear-gradient(108.78deg, #006ba2 12.69%, #11a2dc 87.31%);
$gradient-blue-grey: linear-gradient(90deg, #11a2dc 0%, #f5f5f5 100%);

/*
 * Application colors
 * These are semantic names for colors as they are applied in the UI
 */
$sw-primary: $well-water;
$sw-secondary: $sky-ship;
$sw-active: $blue-man-crew;
$sw-active-light: $blue-man-crew-opacity;
$sw-focused: $well-water;
$sw-disabled: $grey-3;
$sw-disabled-alternate: $grey-2;

$sw-text: $black;
$sw-text-reverse: $white;
$sw-text-reverse-alternate: $grey-1;
$sw-disabled-text: $grey-4;
$sw-text-section-title: $grey-5;
$sw-form-helper-text: $grey-4;

$sw-background: $grey-1;
$sw-background-component: $white;
$sw-background-header: $grey-5;
$sw-overlay-background: $happy-clouds;

$sw-form-field: $grey-5;
$sw-tag-default: $grey-5;
$sw-icon: $grey-5;
$sw-label: $grey-5;
$sw-icon-alternate: $grey-4;
$sw-icon-small: $grey-4;
$sw-selected: $grey-4;
$sw-label: $grey-4;

$sw-divider: $grey-2;
$sw-border: $grey-2;
$sw-border-alternate: $grey-3;
$sw-border-light: $grey-5;
$sw-boxShadow: $black-20;
$sw-tooltip: $black-90;
$dashed-border-disabled: $sw-disabled 3px dashed;
$dashed-border-primary: $sw-primary 3px dashed;

$sw-success: $green-goblin;
$sw-success-light: $green-goblin-light;
$sw-success-dark: $green-goblin-dark;
$sw-success-background: $green-goblin-opacity;
$sw-error: $red-alert;
$sw-error-dark: $red-alert-dark;
$sw-error-light: $red-alert-light;
$sw-error-background: $red-alert-opacity;
$sw-destroy: $red-alert;
$sw-warning: $saffron-submarine;
$sw-warning-background: $saffron-submarine-opacity;
$sw-alert: $red-alert;
$sw-info: $black;

$sw-very-high-price: $grey-1;
$sw-high-price: $tropical-blue;
$sw-medium-price: $cornflower-blue;
$sw-low-price: $blue-man-crew;