//
// Global
//

@global-color: #868a9f;
@global-emphasis-color: #ffffff;
@global-inverse-color: @global-background;
@global-link-color: #30ff88;
@global-muted-color: #5b6079;
@global-link-hover-color: #63ffa5;
@global-background: #171924;
@global-muted-background: #1f212f;
@global-primary-background: #25CF84;
@global-secondary-background: #2c3046;
@global-success-background: #2ad04c;
@global-border: #202231;
@global-large-box-shadow: 2px 21px 50px 0 rgba(9, 13, 22, 0.72);
@global-medium-box-shadow: 2px 15px 50px 0 rgba(9, 13, 22, 0.62);
@global-small-box-shadow: 2px 6px 15px 0 rgba(9, 13, 22, 0.62);
@global-xlarge-box-shadow: 2px 26px 60px 0 rgba(9, 13, 22, 0.72);

//
// Theme
//

@theme-box-decoration-default-background: lighten(@global-muted-background, 5%);
@theme-box-decoration-secondary-background: lighten(@global-secondary-background, 8%);
@inverse-theme-box-decoration-default-background: fadein(@inverse-global-muted-background, 6%);

//
// 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 rgba(37, 207, 132, 0.05);
@button-primary-hover-background: #20b585;
@button-primary-hover-box-shadow: 2px 4px 12px rgba(37, 207, 132, 0.15);
@button-primary-active-background: #1c9b72;
@button-secondary-box-shadow: inset 2px 2px 7px rgba(37, 207, 132, 0.05), 2px 2px 7px rgba(37, 207, 132, 0.05);
@button-secondary-hover-border: #49de9c;
@button-secondary-hover-box-shadow: inset 2px 4px 15px rgba(37, 207, 132, 0.05), 2px 4px 15px rgba(37, 207, 132, 0.06);
@button-secondary-hover-color: #49de9c;
@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, @global-primary-background, #1b9779);
@internal-button-primary-hover-gradient: linear-gradient(95deg, @global-primary-background, #167869);
@internal-button-primary-active-gradient: linear-gradient(90deg, #20b580, @global-primary-background);

//
// Card
//

@card-default-background: @global-muted-background;
@card-primary-box-shadow: 2px 15px 50px rgba(37, 207, 132, 0.05);
@card-primary-color-mode: dark;
@card-primary-hover-background: #20b585;
@card-primary-hover-box-shadow: 2px 21px 50px rgba(37, 207, 132, 0.1);
@card-secondary-color: @global-emphasis-color;
@card-secondary-hover-background: #2a2e43;
@internal-card-default-gradient: linear-gradient(135deg, #232535, #171823);
@internal-card-primary-gradient: linear-gradient(135deg, @global-primary-background, #17816b);
@internal-card-secondary-gradient: linear-gradient(45deg, #282c40, #1e2130);
@internal-card-primary-hover-gradient: linear-gradient(185deg, @global-primary-background, #17816b);

//
// Dotnav
//

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

//
// Dropdown
//

@dropdown-background: @global-muted-background;

//
// 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: #343750;
@inverse-form-focus-background: @inverse-global-inverse-color;
@inverse-form-focus-box-shadow: 2px 6px 15px rgba(9, 13, 22, 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
//

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

//
// Marker
//

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

//
// Navbar
//

@navbar-dropdown-dropbar-margin-bottom: @navbar-dropdown-dropbar-margin-top;
@navbar-nav-item-color: rgba(222, 236, 255, 0.7);
@navbar-dropdown-background: @global-muted-background;

//
// Notification
//

@notification-message-primary-color-mode: light;

//
// Offcanvas
//

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

//
// Overlay
//

@overlay-primary-color-mode: dark;
@internal-overlay-primary-gradient: linear-gradient(135deg, @global-primary-background, #17816b);

//
// Pagination
//

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

//
// Search
//

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

//
// Section
//

@section-muted-background: @global-muted-background;
@section-primary-color-mode: dark;
@internal-section-default-overlap-image: "../../../../uikit-themes/master-fjord/images/section-overlap-image-grunge-s-plain.svg";
@internal-section-muted-image: "../../master-fjord/images/section-background-image-stripes.png";
@internal-section-muted-overlap-image: "../../../../uikit-themes/master-fjord/images/section-overlap-image-grunge-s-stripes.svg";
@internal-section-overlap-height: 6px;
@internal-section-primary-image: "../../master-fjord/images/section-background-image-stripes.png";
@internal-section-primary-overlap-image: "../../../../uikit-themes/master-fjord/images/section-overlap-image-grunge-s-stripes.svg";
@internal-section-secondary-image: "../../master-fjord/images/section-background-image-stripes.png";
@internal-section-secondary-overlap-image: "../../../../uikit-themes/master-fjord/images/section-overlap-image-grunge-s-stripes.svg";

//
// Slidenav
//

@slidenav-color:                                fade(@global-emphasis-color, 60%);
@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 rgba(37, 207, 132, 0.1);

//
// Table
//

@table-row-active-background: rgba(37, 207, 132, 0.05);

//
// Tile
//

@tile-primary-color-mode: dark;

//
// Woocommerce
//

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