/*
Colors

The colors that comprise the application.

Markup: ../docs/color-palette.html

Styleguide 1.2
*/
//Color palette

// GREEN
@theme-green1:     #73B680; // brand green
@theme-green2:     #F1F8F2; // status tag success background
@theme-green3:     #71B77E; // status tag success border
@theme-green4:     #50975E; // status tag success text
@theme-green5:     #5C9566; // notification message divider success

// ORANGE
@theme-orange1:    #F26B3B; // avatar, marketing button
@theme-orange2:    #F46B31; // severe warning status tag
@theme-orange3:    #FEF0EB; // severe warning status background
@theme-orange4:    #B55431; // marketing button border
@theme-orange5:    #E06336; // marketing button background color hover
@theme-orange6:    #F57037; // severe warning alert border

// BLUE
@theme-blue1:      #2A7AB0; // default link color
@theme-blue2:      #9DCCDE; // link hover focus
@theme-blue3:      #64B2D1; // progress bar and login checkbox border
@theme-blue4:      #3C90B2; // login checkbox border hover
@theme-blue5:      #1D59A0; // email search highlight color
@theme-blue6:      #39404F; // header background
@theme-blue7:      #EBf6F9; // info message background
@theme-blue8:      #7BB5D8; // info message border
@theme-blue-9:     #E9F0F5; // bulk action selection background

@color-blue2:      #6A96CA; // TODO: PENDING ASSIGN blue#:focused input field border
@color-blue4:      #B6DEf7; // TODO: PENDING ASSIGN blue#:side module border, financial border
@color-blue5:      #E7F1F7; // TODO: PENDING ASSIGN blue#:side-module bgcolor, usually financial

// RED
@theme-red1:       #FAEBEA; // status tag error background
@theme-red2:       #D54734; // status tag error border
@theme-red3:       #D4402B; // status tag error text
@theme-red4:       #CA0000; // file upload not available
@theme-red5:       #DD6A5B; // alert error border
@theme-red6:       #D13E2F; // Error color
@theme-red7:       #C54C3F; // notification message divider error

// YELLOW
@theme-yellow1:    #FFF7EA; // status tag warning background
@theme-yellow2:	   #FDB128; // status tag warning border
@theme-yellow3:	   #8F4F00; // status tag warning text
@theme-yellow4:    #744102; // alert warning text
@theme-yellow5:    #FEBB44; // alert warning border

// GREY
@theme-grey1:      #F4F4F4; // grid headers
@theme-grey2:      #EAEAEA; // menu highlight
@theme-grey3:      #CFCFCF; // border for popoves, outer grids, data lists
@theme-grey4:      #BBBBBB; // border color
@theme-grey5:      #A5A5A6; // header subtitle text, sub menu links, disabled links and button text
@theme-grey6:      #666666; // disabled text
@theme-grey7:      #191919; // normal text
@theme-grey8:      #F9F9F9; // Grid grey background
@theme-grey9:      #4F4F52; // text used in titles
@theme-grey10:     #E2E2E2; // sub menu dividers, button border, file dragzone border
@theme-grey11:     #F1F1F1; // default status tag background
@theme-grey12:     #767676; // default status tag text
@theme-grey13:     #E4E4E4; // default status tag border
@theme-grey14:     #F2F2F2; // sub menu hover
@theme-grey15:     #EEEEEE; // background for moved items in nav, disabled inputs
@theme-grey16:     #323232; // Header text for fullscreen modals

@color-grey19:     #999999; // TODO: PENDING ASSIGN GREY#: meta text (person cards)
@color-grey9:      #333333; // TODO: Find replacement
@color-grey7:      #ADB1B8; // TODO: Replace

// PURPLE
@theme-purple1:    #A56BD9; // background
@theme-purple2:    #674172; // Button, border, text, divider line, icon
@theme-purple3:    #5D3A67; // Button hover

//Status colors
@color-error: @theme-red6;
@color-success: @theme-green1;
@color-success-background: @theme-green2;
@color-success-text: @theme-green4;
@color-success-border: @theme-green3;
@color-error-background: @theme-red1;
@color-error-border: @theme-red2;
@color-error-text: @theme-red3;
@color-warning-background: 	@theme-yellow1;
@color-warning-border: @theme-yellow2;
@color-warning-text: @theme-yellow3;
@color-severe-warning: @theme-orange2;
@color-severe-warning-background: @theme-orange3;
@color-status-default-border: @theme-grey13;
@color-status-default-text: @theme-grey12;
@color-status-default-background: @theme-grey11;
@color-not-available-message: @theme-red4;
@color-info-background: @theme-blue7;
@color-info-border: @theme-blue8;
@color-info-text: @theme-blue1;

//Tabs
@color-border-standard: @theme-grey4;
@color-secondary-tab-item: @theme-grey12;
@color-secondary-tab-item-active: @theme-grey9;

//Text
@color-default-text: @theme-grey7;
@color-button-text: @theme-grey12;
@color-header: @theme-grey9;
@color-input: @theme-grey9;
@color-tab-header: @theme-grey9;
@color-grid-header: @theme-grey9;
@color-grid-disabled: @theme-grey9;
@color-global-nav-link: @theme-grey9;
@color-text-grey: @theme-grey6;
@disabled-font-color: @theme-grey5;
@color-placeholder-text: @theme-grey12;
@color-global-nav-link: @theme-grey9;
@color-form-label: @theme-grey12;
@color-form-input: @theme-grey10;
@color-modal-text: @theme-grey12;

// Links
@color-link-default: @theme-blue1;
@color-link-focus: @theme-blue2;
@sign-out-link: @color-error;
@color-popover-link: @theme-grey9;
@color-popover-link-bg: @theme-grey14;

// Borders
@color-border-popover: @theme-grey3;
@color-border-input: @theme-grey10;
@color-border-input-hover: @theme-grey12;
@color-border-input-focus: @color-buildium-green;
@color-border-radio-button: @theme-grey12;
@color-border-radio-button-hover:@theme-green1;
@color-popover-divider: @theme-grey10;
@color-button-border: @theme-grey10;
@color-button-primary-border: @theme-green4;
@color-button-addon-border: @theme-purple2;
@color-page-header-subtitle-border: @theme-grey4;
@color-hub-paging-border: @theme-grey10;
@color-border-tabs: @theme-grey10;
@color-border-grid: @theme-grey10;
@color-border-search-subtitle: @theme-grey4;
@color-border-page-content: @theme-grey10;
@color-border-form-content: @theme-grey10;
@color-border-popover-link-arrow: @theme-grey7;
@color-border-marketing-button: @theme-orange4;
@color-border-main: @theme-grey4;
@color-border-secondary: @theme-grey10;
@color-border-progress-bar: @theme-grey10;
@color-border-dashed-hover: @theme-green1;
@action-set-border-color: @theme-grey5;
@color-border-container: @theme-grey3;
@color-border-cell: @theme-grey3;
@color-border-header: @theme-grey3;

//hub-paging navigation
@color-hub-paging-item-count: @theme-grey5;

//Brand
@color-buildium-green: @theme-green1;
@color-buildium-navy: @theme-blue6;

//Progress Bar
@color-progress-bar-empty: @theme-grey5;

.buildium-green-rgb(@opacity: 1) {
    color: rgba(115, 182, 128, @opacity);
}

// Backgrounds
@color-background-main: @theme-grey1;
@color-background-default: @theme-grey14;
@color-background-highlight: @theme-grey2;
@color-bg-moved-item: @theme-grey15;
@color-marketing-button: @theme-orange1;
@color-marketing-button-hover: @theme-orange5;
@simple-modal-evergage: @theme-green1;
@color-disabled-input: @theme-grey15;
@color-addon-button: @theme-purple2;
@color-addon-button-hover: @theme-purple3;

//Grid
@color-grid-zero-state: @theme-grey9;
@color-specialize-filter-bg: rgba(242,242,242,0.5);

//Gradients
@color-gradient-start: @theme-blue3;
@color-gradient-end: @theme-green1;