//
// Global
//

@global-color:                #DEDEDE;
@global-emphasis-color:       #D7D7D7;
@global-inverse-color:        #171918;
@global-link-color:           #8BB6C0;
@global-muted-color:          #B0BDC0;
@global-background:           #171918;
@global-danger-background:    #E53E57;
@global-muted-background:     #222727;
@global-primary-background:   #8DA8AD;
@global-secondary-background: #3B494B;
@global-success-background:   #2FB371;
@global-warning-background:   #FFA850;
@global-border:               rgba(239, 239, 239, 0.12);
@global-large-box-shadow:     0 14px 25px 0 rgba(34, 39, 39, 0.16);
@global-medium-box-shadow:    0 5px 15px 0 rgba(34, 39, 39, 0.08);
@global-small-box-shadow:     0 1px 4px 0 rgba(34, 39, 39, 0.14);
@global-xlarge-box-shadow:    0 28px 50px 0 rgba(34, 39, 39, 0.16);

//
// Theme
//

@theme-page-container-color-mode: light;

//
// Base
//

@base-ins-background:  @global-color;
@base-ins-color:       #1B1F1F;
@base-mark-background: @global-color;
@base-mark-color:      #1B1F1F;

//
// Button
//

@button-primary-hover-color:   #FAF9F1;
@button-secondary-color:       #FAF9F1;
@button-secondary-hover-color: #FAF9F1;
@button-link-hover-color:      rgba(215, 215, 215, 0.85);

//
// Card
//

@card-default-color-mode: light;
@card-primary-color-mode: dark;
@card-overlay-color-mode: light;

//
// Close
//

@close-color: fade(#eaf8fb, 50%);

//
// Dropbar
//

@dropbar-color-mode:        light;
@dropbar-top-box-shadow:    0 10px 15px -3px rgba(5, 4, 4, 0.4);
@dropbar-bottom-box-shadow: 0 -6px 4px -3px rgba(5, 4, 4, 0.4);
@dropbar-left-box-shadow:   18px 0 10px -18px rgba(5, 4, 4, 0.4);
@dropbar-right-box-shadow:  -18px 0 10px -18px rgba(5, 4, 4, 0.4);

//
// Dropdown
//

@dropdown-color-mode: light;

//
// Icon
//

@inverse-icon-overlay-color:       @global-secondary-background;

//
// Inverse
//

@inverse-global-color:                              rgba(53, 53, 53, 0.7);
@inverse-global-color-mode:                         dark;
@inverse-global-emphasis-color:                     #313131;
@inverse-theme-box-decoration-default-background:   @global-primary-background;
@inverse-theme-box-decoration-default-border:       @global-secondary-background;
@inverse-theme-box-decoration-primary-background:   @global-primary-background;
@inverse-theme-box-decoration-primary-border:       @global-secondary-background;
@inverse-theme-box-decoration-secondary-background: @global-primary-background;
@inverse-theme-box-decoration-secondary-border:     @global-secondary-background;
@inverse-button-default-background:                 rgba(250, 249, 241, 0);
@inverse-button-default-border:                     #3B494B;
@inverse-button-default-color:                      #3B494B;
@inverse-button-default-hover-border:               rgba(55, 55, 55, 0.5);
@inverse-button-default-hover-color:                #3B494B;
@inverse-button-default-active-border:              #3B494B;
@inverse-button-default-active-color:               #3B494B;
@inverse-button-primary-background:                 @global-secondary-background;
@inverse-button-primary-hover-background:           #8DA8AD;
@inverse-button-primary-hover-border:               rgba(53, 53, 53, 0);
@inverse-button-primary-hover-color:                #EFF5F5;
@inverse-button-primary-active-background:          @global-secondary-background;
@inverse-button-primary-active-border:              rgba(250, 249, 241, 0);
@inverse-button-primary-active-color:               #EFF5F5;
@inverse-button-secondary-background:               #3B494B;
@inverse-card-badge-background:                     @global-secondary-background;
@inverse-label-background:                          @global-inverse-color;
@inverse-label-color:                               #EFF5F5;
@inverse-navbar-nav-item-color:                     #222727;
@inverse-navbar-nav-item-hover-color:               #222727;
@inverse-navbar-nav-item-line-hover-background:     #222727;
@inverse-navbar-nav-item-line-onclick-background:   #222727;
@inverse-navbar-nav-item-line-active-background:    #222727;
@inverse-search-color:                              #3B494B;
@inverse-search-icon-color:                         #3B494B;@inverse-search-placeholder-color:                  #3B494B;
@inverse-search-navbar-border:                      #3B494B;
@inverse-search-navbar-focus-background:            transparent;
@inverse-search-navbar-focus-border:                rgba(55, 55, 55, 0.5);
@inverse-slidenav-color:                            @global-color;
@inverse-totop-background:                          @global-background;
@inverse-totop-color:                               @global-emphasis-color;
@inverse-totop-hover-background:                    fade(@global-background, 70%);
@inverse-totop-hover-color:                         @global-emphasis-color;
@inverse-totop-active-background:                   @global-background;
@inverse-totop-active-color:                        @global-emphasis-color;

//
// Nav
//

@nav-default-item-color: #D7D7D7;

//
// Navbar
//

@navbar-color-mode:                             light;
@navbar-nav-item-color:                         @global-color;
@navbar-nav-item-line-hover-background:         @global-color;
@navbar-nav-item-line-onclick-background:       @global-color;
@navbar-nav-item-line-active-background:        @global-color;
@navbar-toggle-color:                           @global-color;
@navbar-toggle-hover-color:                     rgba(222, 222, 222, 0.91);
@navbar-subtitle-color:                         rgba(222, 222, 222, 0.91);
@navbar-dropdown-color-mode:                    light;
@navbar-dropdown-nav-item-active-color:         @global-color;
@navbar-dropdown-nav-header-color:              @global-color;
@navbar-dropdown-nav-sublist-item-active-color: @global-color;

//
// Notification
//

@notification-message-background: lighten(@global-muted-background, 5%);

//
// Overlay
//

@overlay-default-color-mode: light;

//
// Search
//

@search-navbar-border: #DEDEDE;

//
// Section
//

@section-default-color-mode: light;
@section-muted-color-mode:   light;

//
// Table
//

@table-striped-row-background: rgba(59, 73, 75, 0.15);
@table-hover-row-background:   rgba(59, 73, 75, 0.07);

//
// Tile
//

@tile-default-color-mode: light;
@tile-muted-color-mode:   light;
