//
// Global
//

@global-color:            #858eaf;
@global-emphasis-color:   #e6e7ff;
@global-inverse-color:    #1a1c2b;
@global-muted-color:      #565775;
@global-link-color:       @global-primary-background;
@global-link-hover-color: darken(@global-link-color, 10%);

@global-background:           #1a1c2b;
@global-muted-background:     lighten(@global-background, 5%);
@global-primary-background:   #34c6b0;
@global-secondary-background: darken(@global-background, 3%);
@global-success-background:   #8beca0;
@global-warning-background:   #ffb881;
@global-danger-background:    #fa8a84;

@global-border: #2c2e40;

@global-small-box-shadow:  0 2px 8px rgba(5,5,12, 0.2);
@global-medium-box-shadow: 0 5px 15px rgba(5,5,12, 0.22);
@global-large-box-shadow:  0 15px 55px rgba(5,5,12, 0.23);
@global-xlarge-box-shadow: 0 28px 50px rgba(5,5,12, 0.25);

//
// Theme
//

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

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

//
// Badge
//

@badge-background: @global-primary-background;

//
// Base
//

@base-code-color:      #43bbad;
@base-ins-background:  rgba(255, 255, 255, 0.1);
@base-ins-color:       #e6e7ff;
@base-mark-background: @base-ins-background;
@base-mark-color:      @base-ins-color;

//
// Button
//

@button-default-background:        @global-primary-background;
@button-default-hover-background:  @button-default-background;
@button-default-hover-color:       @button-default-color;
@button-default-active-background: fade(@button-default-background, 70%);
@button-default-active-color:      @button-default-color;

@button-secondary-border:            @global-muted-background;
@button-secondary-hover-background:  @global-muted-background;
@button-secondary-hover-color:       @global-emphasis-color;
@button-secondary-active-background: lighten(@global-muted-background, 5%);
@button-secondary-active-color:      @global-emphasis-color;

@button-link-hover-color:         @global-color;
@inverse-button-link-hover-color: @inverse-global-color;

//
// Card
//

@card-badge-background: @global-primary-background;

@card-default-color-mode: light;

@card-primary-color-mode:   light;
@card-primary-border:       @global-muted-background;
@card-primary-hover-border: lighten(@card-primary-border, 5%);

@card-secondary-color:            @global-color;
@card-secondary-title-color:      @global-emphasis-color;
@card-secondary-hover-background: darken(@card-secondary-background, 1%);

@card-overlay-color-mode: light;

//
// Dotnav
//

@dotnav-item-border:        rgba(255,255,255, 0.8);
@dotnav-item-hover-border:  #fff;
@dotnav-item-active-border: #fff;

@dotnav-item-hover-background:   #fff;
@dotnav-item-onclick-background: #fff;
@dotnav-item-active-background:  #fff;

//
// Dropbar
//

@dropbar-color: @global-emphasis-color;

//
// Dropdown
//

@dropdown-color:                        @global-color;
@dropdown-nav-item-hover-color:         @global-emphasis-color;
@dropdown-nav-sublist-item-hover-color: @global-emphasis-color;

//
// Form
//

@form-radio-checked-background:       @global-color;
@form-radio-checked-focus-background: @global-color;

//
// Form Range
//

@form-range-thumb-background:       @global-primary-background;
@form-range-track-focus-background: @global-primary-background;

//
// Icon
//

@icon-button-background:        @global-primary-background;
@icon-button-hover-background:  @global-primary-background;
@icon-button-hover-color:       fade(@icon-button-color, 70%);
@icon-button-active-background: fade(@icon-button-background, 70%);
@icon-button-active-color:      @icon-button-color;

//
// Inverse
//

@inverse-global-color-mode: dark;
@inverse-global-border:     #e4e4e4;

//
// Label
//

@label-background: @global-primary-background;

//
// Marker
//

@marker-border:           rgba(255, 255, 255, 0.15);
@marker-color:            @global-emphasis-color;
@marker-hover-background: @global-emphasis-color;

//
// Nav
//

@nav-default-item-hover-color:          @global-emphasis-color;
@nav-default-item-active-color:         @global-emphasis-color;
@nav-default-sublist-item-hover-color:  @global-emphasis-color;
@nav-default-sublist-item-active-color: @global-emphasis-color;
@nav-primary-item-hover-color:          @global-emphasis-color;
@nav-primary-item-active-color:         @global-emphasis-color;
@nav-primary-sublist-item-hover-color:  @global-emphasis-color;
@nav-primary-sublist-item-active-color: @global-emphasis-color;

//
// Navbar
//

@navbar-color-mode:                            light;
@navbar-nav-item-hover-color:                  @global-emphasis-color;
@navbar-toggle-hover-color:                    @global-emphasis-color;
@navbar-dropdown-nav-item-hover-color:         @global-emphasis-color;
@navbar-dropdown-nav-item-active-color:        @global-emphasis-color;
@navbar-dropdown-nav-sublist-item-hover-color: @global-emphasis-color;

//
// Offcanvas
//

@offcanvas-bar-color-mode: light;

//
// Overlay
//

@overlay-default-color-mode: light;

//
// Search
//

@search-toggle-hover-color:     @global-emphasis-color;

//
// Section
//

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

//
// Subnav
//

@subnav-item-hover-color:  @global-emphasis-color;
@subnav-item-active-color: @global-emphasis-color;

//
// Slidenav
//

@slidenav-background:        @global-emphasis-color;
@slidenav-hover-background:  fade(@slidenav-background, 80%);
@slidenav-active-background: fade(@slidenav-background, 60%);

@inverse-slidenav-background:        @global-background;
@inverse-slidenav-hover-background:  fade(@inverse-slidenav-background, 80%);
@inverse-slidenav-active-background: fade(@inverse-slidenav-background, 60%);

//
// 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: darken(@global-primary-background, 10%);

//
// Tile
//

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

//
// Tooltip
//

@tooltip-background: @global-primary-background;

//
// WooCommerce
//

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