//
// Global
//

@global-color:                #EFF5F5;
@global-emphasis-color:       #EAF0F0;
@global-inverse-color:        #1B2421;
@global-link-color:           #EAF0F0;
@global-muted-color:          #8A9393;
@global-background:           #1B2421;
@global-muted-background:     #1D312C;
@global-primary-background:   #D3EA7B;
@global-secondary-background: #1E4C43;
@global-large-box-shadow:     0 14px 25px 0 rgba(20, 29, 27, 0.8);
@global-medium-box-shadow:    0 5px 15px 0 rgba(20, 29, 27, 0.8);
@global-small-box-shadow:     0 2px 4px 0 rgba(13, 18, 17, 0.77);
@global-xlarge-box-shadow:    0 28px 50px 0 rgba(13, 20, 18, 0.9);

//
// Theme
//

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

//
// Badge
//

@badge-color: @global-muted-background;

//
// Button
//

@button-primary-color:       #1B2421;
@button-primary-hover-color: #FAF9F1;
@button-secondary-color:     #FAF9F1;
@button-link-hover-color:    #CBD8D8;

//
// Card
//

@card-badge-color:        @global-muted-background;
@card-default-color-mode: light;
@card-primary-color:      @global-secondary-background;
@card-primary-color-mode: dark;

//
// Dropbar
//

@dropbar-color-mode: light;

//
// Dropdown
//

@dropdown-color-mode: light;

//
// Form
//

@form-select-disabled-icon-color:   @global-primary-background;
@form-range-thumb-background:       @global-primary-background;
@form-range-track-focus-background: @global-primary-background;
@form-radio-checked-icon-color:     @global-muted-background;

//
// Heading
//

@heading-divider-border: @global-primary-background;
@heading-bullet-border:  @global-primary-background;
@heading-line-border:    @global-primary-background;

//
// Inverse
//

@inverse-global-color:                            rgba(53, 53, 53, 0.7);
@inverse-global-color-mode:                       dark;
@inverse-global-emphasis-color:                   #313131;
@inverse-badge-background:                        @global-secondary-background;
@inverse-button-default-background:               rgba(250, 249, 241, 0);
@inverse-button-default-border:                   #373737;
@inverse-button-default-color:                    #373737;
@inverse-button-default-hover-border:             rgba(55, 55, 55, 0.5);
@inverse-button-default-hover-color:              #373737;
@inverse-button-default-active-border:            #373737;
@inverse-button-default-active-color:             #373737;
@inverse-button-primary-background:               @global-secondary-background;
@inverse-button-primary-hover-background:         rgba(30, 76, 67, 0.8);
@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:             #373737;
@inverse-card-badge-background:                   @global-secondary-background;
@inverse-label-background:                        @global-inverse-color;
@inverse-label-color:                             @global-color;
@inverse-navbar-nav-item-color:                   #353535;
@inverse-navbar-nav-item-hover-color:             #353535;
@inverse-navbar-nav-item-line-hover-background:   #353535;
@inverse-navbar-nav-item-line-onclick-background: #353535;
@inverse-navbar-nav-item-line-active-background:  #353535;
@inverse-slidenav-color:                          @global-color;

//
// Label
//

@label-color: @global-muted-background;

//
// Marker
//

@marker-color: @global-secondary-background;

//
// Nav
//

@nav-default-item-color:                #EAF0F0;
@nav-primary-item-hover-color:          fade(@global-primary-background, 80%);
@nav-primary-item-active-color:         @global-primary-background;
@nav-primary-sublist-item-hover-color:  fade(@global-primary-background, 80%);
@nav-primary-sublist-item-active-color: @global-primary-background;
@nav-secondary-item-hover-color:        fade(@global-primary-background, 80%);
@nav-secondary-item-active-color:       @global-primary-background;
@nav-secondary-subtitle-hover-color:    fade(@global-primary-background, 80%);
@nav-secondary-subtitle-active-color:   @global-primary-background;

//
// Navbar
//

@navbar-color-mode:                             light;
@navbar-nav-item-color:                         #EAF0F0;
@navbar-nav-item-line-hover-background:         #EAF0F0;
@navbar-nav-item-line-onclick-background:       #EAF0F0;
@navbar-nav-item-line-active-background:        #EAF0F0;
@navbar-toggle-hover-color:                     rgba(211, 234, 123, 0.72);
@navbar-dropdown-color-mode:                    light;
@navbar-dropdown-nav-item-color:                #EAF0F0;
@navbar-dropdown-nav-item-active-color:         #EAF0F0;
@navbar-dropdown-nav-header-color:              #EAF0F0;
@navbar-dropdown-nav-sublist-item-active-color: #EAF0F0;

//
// Overlay
//

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

//
// Section
//

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

//
// Subnav
//

@subnav-pill-item-hover-background:   @global-primary-background;
@subnav-pill-item-hover-color:        @global-secondary-background;
@subnav-pill-item-onclick-background: rgba(211, 234, 123, 0.6);
@subnav-pill-item-onclick-color:      #EFF5F5;
@subnav-pill-item-active-color:       @global-secondary-background;

//
// Theme
//

@theme-box-decoration-default-background:   @global-primary-background;
@theme-box-decoration-primary-background:   @global-primary-background;
@theme-box-decoration-secondary-background: @global-primary-background;

//
// Thumbnav
//

@thumbnav-item-hover-border:  @global-primary-background;
@thumbnav-item-active-border: @global-primary-background;

//
// Tile
//

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

//
// Tooltip
//

@tooltip-color: @global-secondary-background;

//
// Totop
//

@totop-background:       #D3EA7B;
@totop-color:            @global-secondary-background;
@totop-hover-background: rgba(211, 234, 123, 0.9);

//
// Utility
//

@box-shadow-bottom-background: rgba(13, 20, 18, 0.9);
