//
// Global
//

@global-color:                rgba(255, 255, 255, 0.8);
@global-emphasis-color:       #fff;
@global-inverse-color:        #131313;
@global-link-color:           #fff;
@global-muted-color:          rgba(255, 255, 255, 0.4);
@global-link-hover-color:     @global-color;
@global-inverse-color:        #131313;
@global-background:           #131313;
@global-danger-background:    #e84949;
@global-muted-background:     #1b1b1b;
@global-primary-background:   #DCAD61;
@global-secondary-background: #181818;
@global-success-background:   #4BB660;
@global-border:               rgba(255, 255, 255, 0.06);

//
// Theme
//

@theme-page-container-color-mode:                 light;
@theme-toolbar-background:                        lighten(@global-primary-background, 5%);
@theme-toolbar-color-mode:                        dark;
@section-title-color:                             @global-emphasis-color;
@internal-box-decoration-default-image:           "../vendor/assets/uikit-themes/master-trek/images/inverse-box-decoration-default-image.avif";
@internal-box-decoration-primary-image:           "../vendor/assets/uikit-themes/master-trek/images/inverse-box-decoration-primary-image.avif";
@internal-box-decoration-secondary-image:         "../vendor/assets/uikit-themes/master-trek/images/inverse-box-decoration-secondary-image.avif";
@internal-inverse-box-decoration-default-image:   "../vendor/assets/uikit-themes/master-trek/images/box-decoration-default-image.avif";
@internal-inverse-box-decoration-primary-image:   "../vendor/assets/uikit-themes/master-trek/images/box-decoration-primary-image.avif";
@internal-inverse-box-decoration-secondary-image: "../vendor/assets/uikit-themes/master-trek/images/box-decoration-secondary-image.avif";

//
// Alert
//

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

//
// Article
//

@article-meta-color:            @global-color;
@article-meta-link-hover-color: @global-link-color;

//
// Base
//

@base-code-color:      @global-emphasis-color;
@base-em-color:        @global-emphasis-color;
@base-ins-background:  #262626;
@base-ins-color:       @global-emphasis-color;
@base-mark-background: #262626;
@base-mark-color:      @global-emphasis-color;

//
// Button
//

@button-secondary-border:           rgba(255, 255, 255, 0.2);
@button-secondary-hover-background: @global-muted-background;
@button-secondary-border:           rgba(255, 255, 255, 0.2);
@button-secondary-hover-background: @global-muted-background;
@button-secondary-hover-color:      @global-link-color;
@button-secondary-active-color:     @global-link-color;
@button-disabled-background:        @global-background;
@inverse-button-text-hover-color:   @global-primary-background;
@inverse-button-link-hover-color:   @global-primary-background;

//
// Card
//

@card-hover-background:           @global-muted-background;
@card-default-background:         @global-muted-background;
@card-default-color-mode:         light;
@card-default-hover-background:   @global-muted-background;
@card-primary-color-mode:         dark;
@card-secondary-color:            @global-color;
@card-secondary-hover-background: #161616;
@card-secondary-title-color:      @global-emphasis-color;

//
// Divider
//

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

//
// Dotnav
//

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

//
// Dropbar
//

@dropbar-color-mode: dark;

//
// 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-focus-background:       lighten(@global-muted-background, 5%);
@form-focus-color:            @global-emphasis-color;
@form-radio-background:       lighten(@global-muted-background, 3%);
@form-radio-focus-background: lighten(@global-muted-background, 8%);
@form-label-color:            @global-emphasis-color;

//
// Heading
//

@heading-divider-border: rgba(255, 255, 255, 0.08);
@heading-line-border:    @global-emphasis-color;

//
// Inverse
//

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

//
// Nav
//

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

//
// Navbar
//

@navbar-subtitle-color:      @global-color;
@navbar-dropdown-color-mode: dark;

//
// Offcanvas
//

@offcanvas-bar-color-mode: dark;

//
// Overlay
//

@overlay-default-color-mode: light;

//
// Progress
//

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

//
// Search
//

@search-default-focus-background: lighten(@global-muted-background, 5%);
@search-navbar-background:        darken(@global-muted-background, 10%);
@search-navbar-focus-background:  lighten(@global-muted-background, 7%);

//
// Section
//

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

//
// Slidenav
//

@slidenav-color:             @global-link-color;
@slidenav-hover-color:       @global-link-color;
@slidenav-active-color:      @global-link-color;
@slidenav-background:        rgba(255, 255, 255, 0.1);
@slidenav-hover-background:  rgba(255, 255, 255, 0.2);
@slidenav-active-background: rgba(255, 255, 255, 0.3);

//
// Tab
//

@tab-item-hover-border:  @global-link-color;
@tab-item-hover-color:   @global-link-color;
@tab-item-active-border: @global-link-color;

//
// Table
//

@table-header-cell-color:     @global-emphasis-color;
@table-row-active-background: @global-muted-background;

//
// Text
//

@text-warning-color:   #ffc077;
@text-lead-color:      @global-emphasis-color;
@text-secondary-color: lighten(@global-primary-background, 15%);

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

//
// Woocommerce
//

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