//
// Global
//

@global-color:                #888;
@global-emphasis-color:       #ffffff;
@global-inverse-color:        #000;
@global-link-color:           @global-primary-background;
@global-muted-color:          #555;
@global-link-hover-color:     #ffb290;
@global-background:           #000;
@global-muted-background:     #161616;
@global-primary-background:   #ff8753;
@global-secondary-background: #111;
@global-border:               #222;
@global-large-box-shadow:     2px 21px 50px 0 rgba(0, 0, 0, 0.3);
@global-medium-box-shadow:    2px 15px 50px 0 rgba(0, 0, 0, 0.2);
@global-small-box-shadow:     2px 6px 15px 0 rgba(0, 0, 0, 0.2);
@global-xlarge-box-shadow:    2px 26px 60px 0 rgba(0, 0, 0, 0.3);

//
// Theme
//

@theme-page-container-color-mode:                  light;
@theme-box-decoration-default-background:          lighten(@global-muted-background, 16%);
@theme-box-decoration-secondary-background:        lighten(@global-secondary-background, 8%);
@inverse-theme-box-decoration-default-background:  fadein(@inverse-global-muted-background, 6%);
@internal-theme-transition-border-border-gradient: linear-gradient(85deg, #ffa967, #ff3a39);

//
// Alert
//

@alert-background: @global-muted-background;

//
// Base
//

@base-code-color:     #9d5bf9;
@base-ins-background: rgba(255, 254, 124, 0.13);
@base-ins-color:      #f6ff86;

//
// Button
//

@button-default-background:               @global-muted-background;
@button-primary-box-shadow:               2px 6px 15px 0 rgba(0, 0, 0, 0.2);
@button-primary-hover-background:         #ff9262;
@button-primary-hover-box-shadow:         2px 15px 50px 0 rgba(0, 0, 0, 0.2);
@button-primary-active-background:        #ff9c72;
@button-secondary-box-shadow:             inset 2px 2px 7px rgba(255, 135, 83, 0.1), 2px 2px 7px rgba(255, 135, 83, 0.1);
@button-secondary-hover-border:           #ffab86;
@button-secondary-hover-box-shadow:       inset 2px 4px 15px rgba(255, 135, 83, 0.1), 2px 4px 15px rgba(255, 135, 83, 0.06);
@button-secondary-hover-color:            #ffab86;
@button-danger-box-shadow:                inset 2px 2px 7px rgba(252, 75, 78, 0.2), 2px 2px 7px rgba(252, 75, 78, 0.1);
@button-danger-hover-border:              #fd7d7f;
@button-danger-hover-box-shadow:          inset 2px 4px 15px rgba(252, 75, 78, 0.2), 2px 4px 15px rgba(252, 75, 78, 0.06);
@button-danger-hover-color:               #fc6467;
@internal-button-primary-gradient:        linear-gradient(135deg, #ffa967, #ff3a39);
@internal-button-primary-hover-gradient:  linear-gradient(85deg, #ffa967, #ff3a39);
@internal-button-primary-active-gradient: linear-gradient(90deg, #ff9c72, #ff8e5d);

//
// Card
//
@card-default-background:                @global-muted-background;
@card-default-color-mode:                light;
@card-primary-box-shadow:                2px 15px 50px 0 rgba(0, 0, 0, 0.2);
@card-primary-color-mode:                dark;
@card-primary-hover-background:          #ff9262;
@card-primary-hover-box-shadow:          2px 21px 50px 0 rgba(0, 0, 0, 0.3);
@card-secondary-color:                   @global-emphasis-color;
@card-secondary-hover-background:        @global-muted-background;
@internal-card-default-gradient:         linear-gradient(135deg, #202020, @global-muted-background);
@internal-card-primary-gradient:         linear-gradient(135deg, #ffa967, #ff3a39);
@internal-card-secondary-gradient:       linear-gradient(135deg, @global-muted-background, @global-secondary-background);
@internal-card-primary-hover-gradient:   linear-gradient(85deg, #ffa967, #ff3a39);
@internal-card-secondary-hover-gradient: linear-gradient(155deg, #1b1b1b, @global-muted-background);

//
// Dotnav
//

@dotnav-item-border:           rgba(255, 255, 255, 0.5);
@dotnav-item-hover-background: @dotnav-item-border;

@inverse-dotnav-item-hover-background:   @inverse-dotnav-item-border;
@inverse-dotnav-item-active-background:  fade(@inverse-global-color, 80%);
@inverse-dotnav-item-onclick-background: @inverse-dotnav-item-active-background;
@inverse-dotnav-item-border:             fade(@inverse-global-color, 30%);

//
// Dropbar
//

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

//
// Dropdown
//

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

//
// Form Range
//

@form-range-thumb-background: @global-muted-background;
@form-range-thumb-box-shadow: @global-small-box-shadow;
@form-range-track-background: lighten(@global-muted-background, 5%);

//
// Form
//

@form-focus-background:               @global-muted-background;
@form-radio-border:                   #3c3c3c;
@inverse-form-focus-background:       @inverse-global-inverse-color;
@inverse-form-focus-box-shadow:       2px 6px 15px rgba(41,44,61,0.1);
@inverse-form-radio-focus-background: transparent;

//
// Icon
//

@icon-button-background:                @global-muted-background;
@icon-button-hover-background:          lighten(@global-muted-background, 4%);
@inverse-icon-button-background:        @inverse-global-inverse-color;
@inverse-icon-button-color:             @global-inverse-color;
@inverse-icon-button-box-shadow:        2px 15px 50px rgba(41,44,61,0.1);
@inverse-icon-button-hover-box-shadow:  2px 6px 15px rgba(41,44,61,0.1);
@inverse-icon-button-active-background: @global-primary-background;

//
// Inverse
//

@inverse-global-color-mode:    dark;
@inverse-button-default-color: @global-primary-background;

//
// Marker
//

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

//
// Nav
//

@nav-secondary-item-active-color:     @global-emphasis-color;
@nav-secondary-subtitle-active-color: @global-emphasis-color;

//
// Navbar
//

@navbar-color-mode:          light;
@navbar-nav-item-color:      rgba(255, 255, 255, 0.55);
@navbar-dropdown-background: @global-muted-background;
@navbar-dropdown-color-mode: light;
@navbar-toggle-color:        rgba(255, 255, 255, 0.55);


//
// Notification
//

@notification-message-primary-color: #ffffff;
@notification-message-success-color: #ffffff;
@notification-message-warning-color: #ffffff;
@notification-message-danger-color:  #ffffff;

//
// Offcanvas
//

@offcanvas-bar-color-mode:     light;
@offcanvas-overlay-background: rgba(0, 0, 0, 0.4);

//
// Overlay
//

@overlay-default-color-mode:        light;
@overlay-primary-color-mode:        dark;
@internal-overlay-primary-gradient: linear-gradient(135deg, #ffa967, #ff3a39);

//
// Pagination
//

@pagination-item-hover-background: @global-muted-background;

//
// Search
//

@search-toggle-color:                     rgba(255, 255, 255, 0.55);
@search-default-focus-border:             lighten(@search-default-border, 8%);
@inverse-search-default-focus-background: transparent;

//
// Section
//

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

//
// Slidenav
//

@slidenav-color:        fade(@global-emphasis-color, 50%);
@slidenav-hover-color:  @global-emphasis-color;
@slidenav-active-color: @global-emphasis-color;

//
// Subnav
//

@subnav-pill-item-hover-background:  @global-muted-background;
@subnav-pill-item-active-box-shadow: 2px 6px 15px 0 rgba(0, 0, 0, 0.2);

//
// Table
//

@table-row-active-background: rgba(255, 135, 83, 0.05);

//
// 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));

//
// Text
//

@text-secondary-color: lighten(@global-primary-background, 10%);

//
// Tile
//

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

//
// Woocommerce
//

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