// Variables
// -------------------------
@CFE_orange:                #f5821f;
@CFE_orangeLight:           #f8a828;
@white:                     #ffffff;

@CFE_blue:                  #274BA7;
@CFE_dark_blue:             #1E3F8B;
@CFE_light_blue:            #5069AD;
@logoBlue:                  #052569;
@Blue50:                    #E6E9F3;
@Blue200:                   rgba(112, 132, 186, 0.16);
@Blue300:                   #7084BA;
@Blue500:                   #1F91F5;
@BlueLight600:                   #1F83E7;
@Blue900:                   #052569;
@DarkBlue500:               #2E50A0;
@Blue600:                   #274B97;
@Blue700:                   #1D71D3;

@CFE_gray:                  #e3e3e3;
@MP_gray_base:              #4F5665;
@grayDark:                  #1a1a1a;
@grayLight:                 #a5a5a5;
@tabGray:                   #f8f8f8;

@Red50:                     #FCF1EF;
@Red200:                    #E79D99;
@Red300:                    #DA7972;
@Red400:                    #E25D50;
@Red600:                    #D74936;
@Red700:                    #C54030;
@Red800:                    #B83A2A;
@Red900:                    #A83220;

@Gray50:                    #F7F8F9;
@Gray100:                   #EEEFF0;
@Gray200:                   #E3E4E5;
@Gray300:                   #D1D2D3;
@Gray400:                   #ACADAE;
@Gray500:                   #8C8D8E;
@Gray600:                   #646566;
@Gray700:                   #515253;
@Gray800:                   #333435;
@Gray900:                   #303030;

@Green200:                  #95D0A7;
@Green500:                  #13A552;

@Orange100:                 #FFF9C5;
@Orange800:                 #F9AB2D;

@helpText:                  #a5a5a5;
@errorTex:                  #b94a48;

// Global values
// -------------------------
@fontAwesomeColor:          #a0a0a0;
@fontAwesomeHoverColor:     @CFE_blue;
@fontPath:                  "../../cfengine/font";
@imagePath:                 "../../cfengine/img";
@rhtFontPath:               "../../cfengine/font/rht";
@rhtMonoFontPath:           "../../cfengine/font/red-hat-mono";
@bootstrapFontPath:         "../../cfengine/font/bootstrap-icons/fonts";
@fontFamily:               "Red Hat Text", sans-serif;
@monospaceFontFamily:      "Red Hat Mono", monospace;
@ajaxLoaderBackground:      #F6f6f6;
@ajaxLoaderBorder:          #bbc0ce;
@divBorders:                #D4D5D0;


// Scaffolding
// -------------------------
@bodyBackground:            @white;
@textColor:                 #0B132A;
@inactiveTextColor:         #7C7C7C;
@grayTextColor:             #757575;
@darkmodeInactiveTextColor: #C4C4C4;
@darkmodeTitleText:         #D1D2D3;
@darkmodeDisabled:          rgba(255, 255, 255, 0.38);
@contentBackground:         #FFFFFF;


// Links
// -------------------------
@linkColor:                 @CFE_light_blue;
@linkColorHover:            @linkColor;
@iconHover:                 #36b5e1;
@iconActive:                #036485;

// Typography
// -------------------------
@sansFontFamily: "Museo Sans",Gudea,"Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;


// Labels
// -------
@inactiveText:              #8e8e8e;
@inactiveBack:              @CFE_gray;
@activeText:                @white;
@activeBack:                @CFE_orange;
@tagText:                   @white;
@tagBack:                   #a1a1a1;
@importantBack:             #D74936;


// Buttons
// -------------------------
@btnBackground:             @white;
@btnBackgroundHighlight:    darken(@white, 10%);
@btnBorder:                 #bbb;
@btnFontSize:               14px;


// Forms
// -------------------------
@inputBackground:           @white;
@inputBorderRadius:         1px;


// Tables
// -------------------------
@tableBackground:           @white; // overall background-color
@tableBackgroundHover:      #eaf6f8; // for hover
@tableBorder:               #dddfe6; // table and cell border


// Dropdowns
// -------------------------
@dropdownLinkBackgroundHover: #f6f6f6;
@dropdownLinkColorHover:      @grayDark;


// Navbar
// -------------------------
@navbarBackground:          @CFE_blue;
@navbarText:                #0B132A;
@navbarLinkColor:           @white;
@navbarLinkColorHover:      @white;
@navbarLinkColorActive:     @white;
@navbarBrandColor:          @white;
@navbarHeight:              63px;

//sideNav
// -------------------------
@wellBackground:            #f9f9f9;

//Side Tabs
// -------------------------
@sideTabHeight:              80px;
@sideTabWidth:              116px;

//HostsColor
@redHost:                   #d1292d;
@greenHost:                 #1d8c04;
@yellowHost:                #f8851b;
@blueHost:                  #0079ae;
@blackHost:                 #333;


//Accordion colors
// -------------------------
@accordionTitleTextColor:     #1a1a1a;
@accordionhoverTextColor:     #0079ae;
@accordionheadingBorderColor: @dividerDark;



//Tables Variables
// -------------------------
@tableBorder:               #E5E5E5;
@tableHeaderFontColor:      #767676;

//navigation Tree
// -------------------------
@navtreetextColor:          #444444;
@hostNavBorder:             #c7ccd7;


// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset: 200px;

// Dividers
// -------------------------
@dividerDark:               #d3d3d3;
@borderColor:               #dadada;
@dividerLight:              #ededed;
@tableLight:                #e9ebef;

// Tabs
// -------------------------
@tabBorder:                 #c8ccd8;

// Footer
// -------------------------
@footerText:                #2d2d2d;
