//
// Global
//

@global-color:                rgba(255, 255, 255, 0.6);
@global-emphasis-color:       #ffffff;
@global-inverse-color:        #1e212c;
@global-link-color:           #ffa467;
@global-muted-color:          rgba(255, 255, 255, 0.8);
@global-link-hover-color:     #ffffff;
@global-background:           #1e212c;
@global-danger-background:    #ff6a5d;
@global-muted-background:     #222734;
@global-primary-background:   #ffb676;
@global-secondary-background: #ffa467;
@global-success-background:   #64d94f;
@global-warning-background:   #fc9a64;
@global-border:               rgba(255, 255, 255, 0.12);

//
// Theme
//

@theme-page-container-color-mode: light;
@theme-toolbar-background:        @global-muted-background;

//
// Badge
//

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

//
// Button
//

@button-default-background:              #2c3143;
@button-default-color:                   @global-emphasis-color;
@button-default-hover-background:        #2c3143;
@button-default-hover-color:             @global-emphasis-color;
@button-primary-color:                   @global-inverse-color;
@button-primary-hover-color:             @button-primary-color;
@button-primary-active-color:            @button-primary-color;
@button-secondary-hover-color:           @global-inverse-color;
@button-secondary-active-color:          @button-primary-color;
@internal-button-default-gradient:       linear-gradient(90deg, #3e4357 50%, #2c3143 50%);
@internal-button-default-hover-gradient: linear-gradient(90deg, #2c3143 50%, #353a4d 50%);
@internal-button-text-arrow-color:       @global-emphasis-color;
@internal-button-text-arrow-hover-color: @global-emphasis-color;
@inverse-button-primary-color:           @global-inverse-color;
@inverse-button-primary-active-color:    @global-inverse-color;
@inverse-button-secondary-hover-color:   @global-inverse-color;
@inverse-button-secondary-active-color:  @global-inverse-color;

//
// Card
//

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

//
// Dotnav
//

@dotnav-item-background: rgba(255, 255, 255, 0.4);

//
// Dropbar
//

@dropbar-color-mode: light;
@dropbar-background: @global-muted-background;

//
// Dropdown
//

@dropdown-color-mode:                   light;
@dropdown-background:                   @global-muted-background;
@dropdown-nav-item-color:               @global-muted-color;
@dropdown-nav-item-hover-color:         @global-emphasis-color;
@dropdown-nav-header-color:             @global-muted-color;
@dropdown-nav-sublist-item-color:       @global-muted-color;
@dropdown-nav-sublist-item-hover-color: @global-emphasis-color;

//
// Form
//

@form-border: rgba(255, 255, 255, 0.3);

//
// Form Range
//

@form-range-track-background: @global-border;

//
// Inverse
//

@inverse-global-color-mode:       dark;
@inverse-label-background:        @global-inverse-color;
@inverse-global-inverse-color:    @global-emphasis-color;
@inverse-marker-hover-background: fade(@global-background, 80%);

//
// List
//

@list-divider-border: rgba(255, 255, 255, 0.2);

//
// Nav
//

@nav-secondary-item-hover-background: lighten(@global-muted-background, 5%);

//
// Navbar
//

@navbar-color-mode:                            light;
@navbar-nav-item-line-hover-background:        @global-muted-background;
@navbar-nav-item-line-onclick-background:      @global-muted-background;
@navbar-nav-item-line-active-background:       @global-muted-background;
@navbar-dropdown-background:                   @global-muted-background;
@navbar-dropdown-color:                        @global-color;
@navbar-dropdown-color-mode:                   light;
@navbar-dropdown-nav-item-color:               @global-muted-color;
@navbar-dropdown-nav-item-hover-color:         @global-emphasis-color;
@navbar-dropdown-nav-item-active-color:        @global-emphasis-color;
@navbar-dropdown-nav-header-color:             @global-muted-color;
@navbar-dropdown-nav-sublist-item-color:       @global-muted-color;
@navbar-dropdown-nav-sublist-item-hover-color: @global-emphasis-color;

//
// Overlay
//

@overlay-default-color-mode:        light;
@internal-overlay-default-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));

//
// Offcanvas
//

@offcanvas-bar-color-mode: light;

//
// Section
//

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

//
// Slidenav
//

@slidenav-color:            fade(@global-emphasis-color, 70%);
@slidenav-hover-color:      fade(@global-emphasis-color, 95%);
@slidenav-active-color:     fade(@global-emphasis-color, 70%);
@slidenav-background:       @global-secondary-background;
@slidenav-hover-background: fade(@slidenav-background, 70%);

//
// Subnav
//

@subnav-item-color:        @global-muted-color;
@subnav-item-active-color: @global-primary-background;

//
// Text
//

@text-background-color: @global-muted-color;
@text-meta-color:       rgba(255, 255, 255, 0.7);

//
// Thumbnav
//

@thumbnav-item-gradient:         linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));

//
// Tile
//

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

//
// WooCommerce
//

@woocommerce-rating-background-color: lighten(@global-muted-background, 10%);
