//
// Colors
//
// - Basic colors
// - Branding colors
// - UI colors
// -------------------------------------------------------------

// Basic colors
// ----------------------------------------------
@color-gray-xxx-light: #f4f4f7;
@color-gray-xx-light: #e4e4ea;
@color-gray-x-light: #b6b7c1;
@color-gray-light: #9a9ca9;
@color-gray-medium: #585a64;
@color-gray-dark: #434551;
@color-gray-x-dark: #1e202b;

// Branding colors
// ----------------------------------------------
@color-mfly-primary: #155e93;
@color-mfly-secondary: #5f5094;

// UI colors
// ----------------------------------------------
@color-success-light: #b6f2d6;
@color-success: #21664c;
@color-danger-light: #fddedb;
@color-danger: #9d3a18;
@color-warning-light: #f6e68a;
@color-warning: #e4cd6d;
@color-warning-dark: #7e5105; /* e4cd6d is too light for text, but this color looks gross on icons */
@color-info-light: #d1e9ee;
@color-info: #435f64;

// Button colors
// ----------------------------------------------
@color-button-default-text: #1e202b;
@color-button-default-background: #ffffff;
@color-button-default-border: #b6b7c1;
@color-button-default-hover-background: #f4f4f7;
@color-button-default-hover-border: #b6b7c1;

@color-button-primary-text: #ffffff;
@color-button-primary-background: #155e93;
@color-button-primary-border: #155e93;

// Colors used in ui-theme (React)
// ----------------------------------------------
@color-ui-theme-primary: #155e93;
@color-ui-theme-primary-dark: #1c486f;
@color-ui-theme-primary-light: #2b83c6;
@color-ui-theme-secondary: #5f5094;
@color-ui-theme-success: #21664c;
@color-ui-theme-success-dark: #194f3a;
@color-ui-theme-success-light: #42af84;
@color-ui-theme-warning: #e4cd6d;
@color-ui-theme-warning-dark: #deb133;
@color-ui-theme-warning-light: #f6e68a;
@color-ui-theme-info: #435f64;
@color-ui-theme-info-dark: #33494e;
@color-ui-theme-info-light: #76a4ac;
@color-ui-theme-error: #9d3a18;
@color-ui-theme-error-dark: #7a2d13;
@color-ui-theme-error-light: #ee7c67;
@color-ui-theme-text-primary: #1e202b;
@color-ui-theme-text-secondary: #737582; /* Only use over white. */
@color-ui-theme-text-disabled: #b6b7c1;
@color-ui-theme-background-default: #ffffff;
@color-ui-theme-background-overlay: rgba(30, 32, 43, 0.8);