//
// Global
//

@global-color:                #EBEBEB;
@global-emphasis-color:       #FFFFFF;
@global-inverse-color:        #24222C;
@global-link-color:           #FCFF4A;
@global-muted-color:          #A1A0AA;
@global-link-hover-color:     #D5D658;
@global-background:           #24222C;
@global-muted-background:     #302E3A;
@global-primary-background:   #FCFF4A;
@global-secondary-background: #100F14;
@global-border:               #34313D;

//
// Theme
//

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

//
// Accordion
//

@accordion-icon-color: @global-emphasis-color;

//
// Alert
//

@alert-primary-background: @global-muted-background;
@alert-success-background: @global-muted-background;
@alert-warning-background: @global-muted-background;
@alert-danger-background:  @global-muted-background;

//
// Base
//

@base-pre-border: @global-border;

//
// Button
//

@button-default-border:             @global-primary-background;
@button-default-color:              @global-primary-background;
@button-default-hover-border:       rgba(254, 255, 179, 0.49);
@button-default-active-border:      @global-primary-background;
@button-default-active-color:       @global-primary-background;
@button-secondary-color:            @global-primary-background;
@button-secondary-hover-background: @global-muted-background;
@button-secondary-hover-box-shadow: 0 0 30px 0 rgba(16, 15, 20, 0.55);
@button-secondary-hover-color:      @global-primary-background;
@button-secondary-active-color:     @global-primary-background;

//
// Card
//

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

//
// Close
//

@close-color: @global-color;

//
// Dropbar
//

@dropbar-color-mode:        light;
@dropbar-top-box-shadow:    0 18px 20px -18px fade(@global-secondary-background, 35%);
@dropbar-bottom-box-shadow: 0 -18px 20px -18px fade(@global-secondary-background, 35%);
@dropbar-left-box-shadow:   18px 0 20px -18px fade(@global-secondary-background, 35%);
@dropbar-right-box-shadow:  -18px 0 20px -18px fade(@global-secondary-background, 35%);

//
// Dropdown
//

@dropdown-color-mode: light;

//
// Form Range
//

@form-range-track-background:       lighten(@global-muted-background, 5%);
@form-range-track-focus-background: lighten(@global-muted-background, 15%);

//
// Form
//

@form-border:       lighten(@global-border, 5%);
@form-radio-border: lighten(@global-border, 5%);

//
// Icon
//

@icon-link-color:        @global-emphasis-color;
@icon-button-background: @global-emphasis-color;

//
// Inverse
//

@inverse-global-color-mode:                   dark;
@inverse-nav-secondary-item-hover-background: fade(@inverse-global-muted-background, 5%);

//
// Marker
//

@marker-hover-color: @global-emphasis-color;

//
// Navbar
//

@navbar-color-mode:          light;
@navbar-dropdown-color-mode: light;

//
// Overlay
//

@overlay-default-color-mode: light;

//
// Progress
//

@progress-background: @global-muted-background;

//
// Search
//

@search-default-border: lighten(@global-border, 5%);

//
// Section
//

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

//
// Subnav
//

@subnav-divider-border: @global-border;

//
// Text
//

@text-secondary-color: desaturate(lighten(@global-secondary-background, 50%), 5%);

//
// 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;
@tile-primary-color-mode: dark;

//
// Tooltip
//

@tooltip-color: @global-color;

//
// Woocommerce
//

@woocommerce-rating-background-color:                lighten(@global-muted-background, 8%);
@woocommerce-widget-active-filters-hover-background: darken(@global-muted-background, 2%);
