//
// Global
//

@global-color:          rgba(255, 255, 255, 0.6);
@global-emphasis-color: #FFFFFF;
@global-muted-color:    rgba(255, 255, 255, 0.7);

@global-link-color:       rgba(255, 255, 255, 0.5);
@global-link-hover-color: rgba(255, 255, 255, 0.75);

@global-background:           #061821;
@global-inverse-color:        #030612;
@global-muted-background:     #1f3038;
@global-primary-background:   #33A1C3;
@global-secondary-background: #030612;

@global-warning-background: #FA915A;

@global-border: rgba(255, 255, 255, 0.1);

//
// Theme
//

@theme-page-container-color-mode:     light;
@theme-toolbar-background:            rgba(255, 255, 255, 0);
@theme-toolbar-color-mode:            light;
@theme-box-decoration-default-border: rgba(0, 0, 0, 0.1);
@section-title-color:                 #FFFFFF;

//
// Alert
//

@alert-background:   transparent;
@alert-border:       #D1D1D1;
@alert-border-width: 1px;
@alert-color:        @global-emphasis-color;

@alert-primary-background: transparent;
@alert-primary-border:     @global-primary-background;
@alert-primary-color:      @global-emphasis-color;

@alert-success-background: transparent;
@alert-success-border:     #32D296;
@alert-success-color:      @global-emphasis-color;

@alert-warning-background: transparent;
@alert-warning-border:     #FA915A;
@alert-warning-color:      @global-emphasis-color;

@alert-danger-background: transparent;
@alert-danger-border:     #F0506E;
@alert-danger-color:      @global-emphasis-color;

//
// Badge
//

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

//
// Base
//

@base-link-color:                 rgb(255, 255, 255);
@base-link-hover-color:           rgba(255, 255, 255, 0.6);
@base-link-hover-text-decoration: none;
@base-code-color:                 @global-color;
@base-code-padding-horizontal:    5px;
@base-code-padding-vertical:      3px;
@base-code-border:                rgba(255, 255, 255, 0.1);
@base-code-border-width:          1px;

@base-em-color:        @global-color;
@base-ins-background:  fade(@global-color, 45%);
@base-ins-color:       rgba(255, 255, 255, 0.85);
@base-mark-background: fade(@global-color, 45%);
@base-mark-color:      rgba(255, 255, 255, 0.85);
@base-selection-color: @inverse-global-inverse-color;

//
// Breadcrumb
//

@breadcrumb-item-color: rgba(255, 255, 255, 0.5);

//
// Button
//

@button-default-border:            #FFFFFF;
@button-default-hover-background:  darken(@global-primary-background, 3%);
@button-default-hover-color:       @inverse-global-inverse-color;
@button-default-active-background: darken(@global-primary-background, 8%);
@button-default-active-border:     transparent;
@button-default-active-color:      @inverse-global-inverse-color;

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

@button-secondary-color:             @inverse-global-inverse-color;
@button-secondary-hover-background:  #070B1E;
@button-secondary-hover-color:       @inverse-global-inverse-color;
@button-secondary-active-background: #0B0F22;
@button-secondary-active-color:      @inverse-global-inverse-color;

@button-danger-color:        @inverse-global-inverse-color;
@button-danger-hover-color:  @inverse-global-inverse-color;
@button-danger-active-color: @inverse-global-inverse-color;

@button-disabled-color: @inverse-global-inverse-color;

//
// Card
//

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

@card-hover-border: @global-primary-background;

@card-default-color-mode:   light;
@card-default-border:       @global-primary-background;
@card-default-hover-border: fade(@global-primary-background, 50%);
@card-primary-color:        @inverse-global-inverse-color;

@card-secondary-color:            @inverse-global-inverse-color;
@card-secondary-hover-background: fade(@global-secondary-background, 60%);

//
// Divider
//

@divider-vertical-border: fade(@global-border, 70%);

//
// Dotnav
//

@dotnav-item-onclick-background: #FFFFFF;

//
// Dropbar
//

@dropbar-color-mode:        light;
@dropbar-top-box-shadow:    inset 0 -1px 0 0 fade(@global-muted-color, 30%);
@dropbar-bottom-box-shadow: inset 0 1px 0 fade(@global-muted-color, 30%);
@dropbar-left-box-shadow:   inset -1px 0 0 fade(@global-muted-color, 30%);
@dropbar-right-box-shadow:  inset 1px 0 0 fade(@global-muted-color, 30%);

//
// Dropdown
//

@dropdown-color-mode:         light;
@dropdown-background:         @global-primary-background;
@dropdown-color:              @global-muted-color;
@dropdown-nav-divider-border: fade(@global-border, 20%);

//
// Form Range
//

@form-range-thumb-background:       @global-primary-background;
@form-range-track-background:       fade(lighten(@global-primary-background, 30%), 7%);
@form-range-track-focus-background: lighten(@global-muted-background, 10%);

//
// Form
//

@form-color:               rgba(255, 255, 255, 0.6);
@form-focus-color:         #EDEDED;
@form-focus-border:        fade(@global-border, 70%);
@form-placeholder-color:   rgba(255, 255, 255, 0.6);
@form-disabled-background: fade(@global-primary-background, 3%);
@form-disabled-color:      rgba(228, 228, 228, 0.2);
@form-radio-focus-border:  fade(@global-border, 70%);
@form-label-color:         #FFFFFF;

//
// Heading
//

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

//
// Icon
//

@icon-link-hover-color:         @global-emphasis-color;
@icon-link-active-color:        @global-emphasis-color;
@icon-button-background:        #F4F4F4;
@icon-button-color:             @global-secondary-background;
@icon-button-hover-background:  @global-primary-background;
@icon-button-active-background: @global-primary-background;

//
// Inverse
//

@inverse-global-color-mode:           dark;
@inverse-button-primary-color:        @inverse-global-inverse-color;
@inverse-button-primary-hover-color:  @inverse-global-inverse-color;
@inverse-button-primary-active-color: @inverse-global-inverse-color;

//
// Label
//

@label-color:         @inverse-global-inverse-color;
@label-color:         @inverse-global-inverse-color;
@label-success-color: @inverse-global-inverse-color;
@label-warning-color: @inverse-global-inverse-color;
@label-danger-color:  @inverse-global-inverse-color;

//
// Link
//

@link-text-hover-color: @global-emphasis-color;

//
// List
//

@list-striped-background: fade(@global-primary-background, 5%);

//
// Marker
//

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

//
// Nav
//

@nav-default-sublist-item-color:       rgba(255, 255, 255, 0.5);
@nav-default-sublist-item-hover-color: rgba(255, 255, 255, 0.9);

//
// Navbar
//

@navbar-background:             @global-background;
@navbar-color-mode:             light;
@navbar-border:                 fade(@global-border, 60%);
@navbar-nav-item-color:         rgba(255, 255, 255, 0.45);
@navbar-nav-item-hover-color:   #FFFFFF;
@navbar-nav-item-onclick-color: rgba(255, 255, 255, 0.65);
@navbar-nav-item-active-color:  #FFFFFF;
@navbar-dropdown-color-mode:    light;
@navbar-dropdown-border:        fade(@navbar-border, 40%);

//
// Offcanvas
//

@offcanvas-bar-color-mode: light;

//
// Overlay
//

@overlay-default-color-mode: light;

//
// Pagination
//

@pagination-item-color:        @global-muted-color;
@pagination-item-hover-border: rgba(255, 255, 255, 0.6);
@pagination-item-hover-color:  fade(@pagination-item-color, 90%);
@pagination-item-active-color: @global-emphasis-color;

//
// Progress
//

@progress-background: fade(@global-primary-background, 10%);

//
// Search
//

@search-default-focus-border: fade(@global-border, 70%);

//
// Section
//

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

//
// Slidenav
//

@slidenav-border:            @global-muted-color;
@slidenav-color:             @global-muted-color;
@slidenav-hover-color:       @inverse-global-inverse-color;
@slidenav-active-background: fade(@global-primary-background, 90%);
@slidenav-active-color:      fade(@slidenav-hover-color, 90%);

//
// Subnav
//

@subnav-pill-item-hover-color:  @inverse-global-inverse-color;
@subnav-pill-item-active-color: @inverse-global-inverse-color;

//
// Tab
//

@tab-item-hover-color:    rgba(255, 255, 255, 0.85);
@tab-item-disabled-color: rgba(255, 255, 255, 0.8);

//
// Table
//

@table-header-cell-color:      rgba(255, 255, 255, 0.8);
@table-caption-color:          #FFFFFF;
@table-row-active-background:  fade(@global-primary-background, 4%);
@table-striped-row-background: fade(@global-secondary-background, 25%);
@table-hover-row-background:   fade(@global-primary-background, 4%);

//
// Text
//

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

//
// 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-background:   @global-muted-background;
@tile-muted-color-mode:   light;

//
// Tooltip
//

@tooltip-background: @global-muted-background;
@tooltip-color:      @global-emphasis-color;

//
// Totop
//

@totop-border:            @global-muted-color;
@totop-color:             @global-muted-color;
@totop-hover-color:       @inverse-global-inverse-color;
@totop-active-background: fade(@global-primary-background, 90%);
@totop-active-color:      @totop-color;

//
// Woocommerce
//

@woocommerce-rating-background-color: fade(lighten(@global-primary-background, 30%), 15%);