//
// Global
//

@global-link-color:           #259ACC;
@global-link-hover-color:     #7b12a7;
@global-background:           #04052F;
@global-muted-background:     #151853;
@global-primary-background:   #2EA3D2;
@global-secondary-background: #090834;
@global-large-box-shadow:     0 14px 25px rgba(4, 6, 16, 0.25);
@global-medium-box-shadow:    0 5px 15px rgba(4, 6, 16, 0.25);
@global-small-box-shadow:     0 2px 8px rgba(4, 6, 16, 0.25);
@global-xlarge-box-shadow:    0 28px 50px rgba(4, 6, 16, 0.25);

//
// Theme
//

@theme-box-decoration-default-gradient:            conic-gradient(from 70deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@theme-box-decoration-primary-glow-gradient:       conic-gradient(from 70deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-theme-transition-border-border-gradient: linear-gradient(30deg, #4501b3 0%, #345da9 40%, #2690CA 70%, #15DBF5 100%);

//
// Base
//

@base-code-color:      #65359a;
@base-em-color:        #65359a;
@base-ins-background:  rgba(59, 84, 174, 0.34);
@base-mark-background: rgba(59, 84, 174, 0.34);

//
// Button
//

@button-secondary-background:             rgba(9, 8, 52, 0.85);
@internal-icon-button-glow-gradient:      conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-button-default-glow-gradient:   conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-button-primary-glow-gradient:   conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-button-primary-gradient:        linear-gradient(40deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);
@internal-button-primary-hover-gradient:  linear-gradient(40deg, #4501b3 0%, #345da9 35%, #2690CA 60%, #15DBF5 100%);
@internal-button-primary-active-gradient: linear-gradient(40deg, #4501b3 0%, #345da9 20%, #2690CA 50%, #15DBF5 100%);
@internal-button-danger-gradient:         linear-gradient(40deg, #ee1a87 0%, #fe2377 20%, #fe2377 50%, #df5970 100%);
@internal-button-danger-hover-gradient:   linear-gradient(40deg, #ee1a87 0%, #fe2377 10%, #fe2377 30%, #df5970 100%);
@internal-button-danger-active-gradient:  linear-gradient(40deg, #fe2377 0%, #df5970 100%);

//
// Card
//

@card-secondary-background:             #090F4B;
@card-secondary-box-shadow:             0 0 5px rgba(255, 255, 255, 0.12);
@card-secondary-hover-background:       #090F4B;
@internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);
@internal-card-primary-gradient:        linear-gradient(30deg, #4501b3 0%, #345da9 40%, #2690CA 70%, #15DBF5 100%);

//
// Divider
//

@internal-divider-icon-image:               "../../../../uikit-themes/master-circle/images/styles/dark-blue/divider-icon.svg";
@internal-divider-small-border-gradient:    linear-gradient(90deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);
@internal-divider-vertical-border-gradient: linear-gradient(0deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);

//
// Dropdown
//

@dropdown-box-shadow: 0 3px 30px rgba(0, 88, 219, 0.25);

//
// Form
//

@form-background:       rgba(11, 23, 40, 0.1);
@form-box-shadow:       0 0 17px rgba(121, 0, 242, 0.23), inset 0 0 20px 1px rgba(9, 8, 52, 0.4);
@form-radio-background: #2f2a62;

//
// Inverse
//

@inverse-base-link-color:           #259ACC;
@inverse-form-background:           #F8F8F8;
@inverse-icon-button-background:    #FFFFFF;
@inverse-list-striped-background:   #F8F8F8;
@inverse-search-default-background: #F8F8F8;
@inverse-text-primary-color:        @global-primary-background;
@inverse-text-secondary-color:      #000000;

//
// Navbar
//

@navbar-background:                        rgba(4, 5, 47, 0.8);
@navbar-nav-item-hover-box-shadow:         0 6px 20px -13px #0057da;
@navbar-nav-item-hover-text-shadow:        0 0 8px rgba(255, 255, 255, 0.8);
@navbar-nav-item-active-box-shadow:        0 6px 20px -13px #0057da;
@navbar-nav-item-active-text-shadow:       0 0 8px rgba(255, 255, 255, 0.8);
@navbar-dropdown-background:               rgba(4, 5, 47, 0.8);
@navbar-dropdown-box-shadow:               0 3px 30px rgba(0, 88, 219, 0.25);
@internal-navbar-nav-item-hover-gradient:  radial-gradient(at 50% bottom, rgba(0, 88, 219, 0.14), rgba(0, 88, 219, 0));
@internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom, rgba(0, 88, 219, 0.14), rgba(0, 88, 219, 0));

//
// Offcanvas
//

@offcanvas-bar-background:     lighten(@global-background, 3%);
@offcanvas-overlay-background: rgba(3, 3, 30, 0.6);

//
// Overlay
//

@internal-overlay-primary-gradient: linear-gradient(45deg, rgba(84, 53, 156, 0.3) 0%, rgba(52, 96, 168, 0.3) 40%, rgba(21, 219, 245, 0.3) 100%);

//
// Pagination
//

@internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);

//
// Progress
//

@progress-background:            lighten(@global-muted-background, 2%);
@internal-progress-bar-gradient: linear-gradient(90deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);

//
// Search
//

@search-default-background:       rgba(11, 23, 40, 0.1);
@search-default-input-box-shadow: 0 0 17px rgba(121, 0, 242, 0.23), inset 0 0 20px 1px rgba(9, 8, 52, 0.4);

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(90deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);

//
// Text
//

@text-secondary-color:                    #9611cd;
@internal-text-background-color-gradient: linear-gradient(90deg, #8258DE 0%, #3772E2 50%, #22ABDD 100%);

//
// Tile
//

@internal-tile-default-gradient: radial-gradient(ellipse farthest-corner at 30% 40%, rgba(184, 79, 178, 0.15), transparent 80%), radial-gradient(ellipse farthest-corner at 50% 60%, rgba(105, 201, 240, 0.05), transparent 80%), radial-gradient(ellipse farthest-corner at 70% 50%, rgba(105, 201, 240, 0.1), transparent 80%);
@internal-tile-primary-gradient: linear-gradient(30deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);

//
// Section
//

@internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(184, 79, 178, 0.15), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(105, 201, 240, 0.05), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(105, 201, 240, 0.1), transparent 80%);
@internal-section-primary-gradient: linear-gradient(40deg, #4501b3 0%, #345da9 45%, #2690CA 70%, #15DBF5 100%);

//
// Subnav
//

@internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #00b7f3, #0057da, #5101b4, #0853e9, #00b7f3);

//
// Utility
//

@box-shadow-bottom-background: linear-gradient(90deg, #65359a 0%, #4501b3, #345da9 100%);
