//
// Global
//

@global-inverse-color:        #0B0D08;
@global-link-color:           #FE4634;
@global-link-hover-color:     #CC004E;
@global-background:           #0e0601;
@global-danger-background:    #FC1260;
@global-muted-background:     #190E10;
@global-primary-background:   #FE4634;
@global-secondary-background: #231616;
@global-success-background:   #00C065;
@global-warning-background:   #FF9037;

//
// Theme
//

@theme-box-decoration-default-gradient:            conic-gradient(from 70deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@theme-box-decoration-primary-glow-gradient:       conic-gradient(from 70deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@internal-theme-transition-border-border-gradient: linear-gradient(30deg, #cc007a 0%, #E42142 40%, #ff4533 70%, #FE7A34 100%);

//
// Alert
//

@alert-background: #211717;

//
// Base
//

@base-code-color:      #FE7A34;
@base-em-color:        #FE7A34;
@base-ins-background:  rgba(254, 70, 52, 0.2);
@base-mark-background: rgba(254, 70, 52, 0.2);
@base-pre-background:  #211717;

//
// Button
//

@button-default-background:               rgba(0, 0, 0, 0.8);
@button-secondary-background:             #000;
@internal-button-default-glow-gradient:   conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@internal-button-primary-glow-gradient:   conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@internal-button-primary-gradient:        linear-gradient(40deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);
@internal-button-primary-hover-gradient:  linear-gradient(40deg, #cc007a 0%, #E42142 35%, #ff4533 60%, #FE7A34 100%);
@internal-button-primary-active-gradient: linear-gradient(40deg, #cc007a 0%, #E42142 20%, #ff4533 50%, #FE7A34 100%);
@internal-button-danger-gradient:         linear-gradient(40deg, #c60163 0%, #e21f5a 20%, #f6394c 50%, #fb5e36 100%);
@internal-button-danger-hover-gradient:   linear-gradient(40deg, #c60163 0%, #e21f5a 10%, #f6394c 30%, #fb5e36 100%);
@internal-button-danger-active-gradient:  linear-gradient(40deg, #e21f5a 0%, #fb5e36 100%);

//
// Card
//
@card-hover-background:                 rgba(250, 225, 225, 0.08);
@card-default-background:               rgba(250, 225, 225, 0.08);
@card-secondary-background:             #0E0305;
@card-secondary-hover-background:       #0E0305;
@internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);
@internal-card-primary-gradient:        linear-gradient(30deg, #cc007a 0%, #E42142 40%, #ff4533 70%, #FE7A34 100%);

//
// Divider
//

@internal-divider-icon-image:               "../../../../uikit-themes/master-circle/images/styles/black-orange/divider-icon.svg";
@internal-divider-small-border-gradient:    linear-gradient(40deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);
@internal-divider-vertical-border-gradient: linear-gradient(0deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Dropdown
//

@dropdown-dropbar-margin:            @dropdown-margin;
@dropdown-dropbar-padding-top:       @dropdown-padding;
@dropdown-dropbar-large-padding-top: @dropdown-large-padding;
@dropdown-box-shadow:                0 3px 30px rgba(254, 33, 66, 0.3);

//
// Form
//

@form-background:             rgba(204, 0, 78, 0.04);
@form-box-shadow:             0 0 17px rgba(254, 123, 2, 0.09), inset 0 0 20px 1px rgba(35, 22, 22, 0.4);
@form-focus-background:       @global-muted-background;
@form-focus-box-shadow:       0 0 17px rgba(254, 123, 2, 0.3);
@form-radio-background:       #342324;
@form-radio-focus-background: lighten(#342324, 5%);

//
// Icon
//

@internal-icon-button-glow-gradient: conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);

//
// Inverse
//

@inverse-base-link-color:                       @global-primary-background;
@inverse-form-background:                       #F8F8F8;
@inverse-icon-button-background:                #FFFFFF;
@inverse-list-striped-background:               #F8F8F8;
@inverse-search-default-background:             #F8F8F8;
@inverse-search-navbar-input-box-shadow:        0 0 17px rgba(254, 123, 2, 0.2), inset 0 0 20px 1px rgba(254, 123, 2, 0.05);
@inverse-search-navbar-input-focus-box-shadow:  0 0 17px rgba(254, 123, 2, 0.3);
@inverse-text-primary-color:                    @global-primary-background;
@inverse-text-secondary-color:                  #000000;

//
// Navbar
//

@navbar-background:                        rgba(14, 6, 1, 0.8);
@navbar-nav-item-hover-box-shadow:         0 6px 20px -13px #CC004E;
@navbar-nav-item-hover-text-shadow:        0 0 8px rgba(255, 255, 255, 0.7);
@navbar-nav-item-active-box-shadow:        0 6px 20px -13px #CC004E;
@navbar-nav-item-active-text-shadow:       0 0 8px rgba(255, 255, 255, 0.7);
@navbar-dropdown-background:               rgba(15, 15, 15, 0.8);
@navbar-dropdown-box-shadow:               0 3px 30px rgba(254, 33, 66, 0.3);
@internal-navbar-nav-item-hover-gradient:  radial-gradient(at 50% bottom, rgba(254, 33, 66, 0.13), rgba(254, 33, 66, 0));
@internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom, rgba(254, 33, 66, 0.13), rgba(254, 33, 66, 0));

//
// Offcanvas
//

@offcanvas-bar-background:     #120E0E;
@offcanvas-overlay-background: rgba(0, 0, 0, 0.4);

//
// Overlay
//

@internal-overlay-primary-gradient: linear-gradient(45deg, rgba(204, 0, 78, 0.1) 0%, rgba(254, 69, 52, 0.1) 40%, rgba(254, 123, 2, 0.1) 100%);

//
// Pagination
//

@internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);

//
// Progress
//

@internal-progress-bar-gradient: linear-gradient(40deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Search
//

@search-default-background:             rgba(15, 15, 15, 0.5);
@search-default-input-box-shadow:       0 0 17px rgba(254, 123, 2, 0.2), inset 0 0 20px 1px rgba(15, 15, 15, 0.8);
@search-default-focus-background:       @global-muted-background;
@search-default-input-focus-box-shadow: 0 0 17px rgba(254, 123, 2, 0.3);
@search-navbar-input-box-shadow:        0 0 17px rgba(254, 123, 2, 0.2), inset 0 0 20px 1px rgba(15, 15, 15, 0.4);
@search-navbar-input-focus-box-shadow:  0 0 17px rgba(254, 123, 2, 0.3);
@search-medium-input-box-shadow:        0 0 17px rgba(254, 123, 2, 0.2), inset 0 0 20px 1px rgba(15, 15, 15, 0.4);
@search-medium-input-focus-box-shadow:  0 0 17px rgba(254, 123, 2, 0.3);
@search-large-input-box-shadow:         0 0 17px rgba(254, 123, 2, 0.2), inset 0 0 20px 1px rgba(15, 15, 15, 0.4);
@search-large-input-focus-box-shadow:   0 0 17px rgba(254, 123, 2, 0.3);

//
// Section
//

@internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(254, 123, 2, 0.03), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(254, 69, 52, 0.03), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(204, 0, 78, 0.04), transparent 80%);
@internal-section-primary-gradient: linear-gradient(30deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Subnav
//

@internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #fe8534, #f82a09, #cc007a, #ec0d0d, #fe8534);

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(40deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Text
//

@text-secondary-color:                    #CC004E;
@internal-text-background-color-gradient: linear-gradient(30deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Tile
//

@internal-tile-default-gradient: radial-gradient(ellipse farthest-corner at 30% 40%, rgba(254, 123, 2, 0.03), transparent 80%), radial-gradient(ellipse farthest-corner at 50% 60%, rgba(254, 69, 52, 0.03), transparent 80%), radial-gradient(ellipse farthest-corner at 70% 50%, rgba(204, 0, 78, 0.04), transparent 80%);
@internal-tile-primary-gradient: linear-gradient(30deg, #cc007a 0%, #E42142 45%, #ff4533 70%, #FE7A34 100%);

//
// Utility
//

@box-shadow-bottom-background: linear-gradient(40deg, rgba(204, 0, 78, 0.5) 0%, rgba(254, 122, 52, 0.5) 50%, rgba(254, 70, 52, 0.5) 100%);


// Miscellaneous
// ========================================================================

.hook-link-misc() {

    :where(.uk-tile-primary) a,
    :where(.uk-card-primary) a,
    :where(.uk-section-primary) a {

        color: #7d0000;

        &:hover { color: #000; }

    }

}
