//
// Global
//

@global-link-color:           #0ce9d0;
@global-link-hover-color:     #49B2FA;
@global-background:           #020F1F;
@global-danger-background:    #F33E37;
@global-muted-background:     #081626;
@global-primary-background:   #49B2FA;
@global-secondary-background: #000a14;
@global-success-background:   #3BDD76;
@global-warning-background:   #F3AE37;
@global-large-box-shadow:     0 14px 25px rgba(2, 8, 36, 0.25);
@global-medium-box-shadow:    0 5px 15px rgba(2, 8, 36, 0.25);
@global-small-box-shadow:     0 2px 8px rgba(2, 8, 36, 0.25);
@global-xlarge-box-shadow:    0 28px 50px rgba(2, 8, 36, 0.25);

//
// Theme
//

@theme-box-decoration-default-gradient:            conic-gradient(from 70deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@theme-box-decoration-primary-glow-gradient:       conic-gradient(from 70deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@internal-theme-transition-border-border-gradient: linear-gradient(30deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Alert
//

@alert-background: #0E1D33;

//
// Base
//

@base-code-color:      #7e00e9;
@base-em-color:        #7e00e9;
@base-ins-background:  rgba(16, 164, 246, 0.25);
@base-mark-background: rgba(16, 164, 246, 0.25);
@base-pre-background:  #0E1D33;

//
// Button
//

@button-default-background:               rgba(2, 15, 31, 0.85);
@button-secondary-background:             rgba(2, 15, 31, 0.95);
@internal-button-default-glow-gradient:   conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@internal-button-primary-glow-gradient:   conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@internal-button-primary-gradient:        linear-gradient(40deg, #4730ce 0%, #1B65BD 45%, #11ACD4 70%, #35e9c5 100%);
@internal-button-primary-hover-gradient:  linear-gradient(40deg, #4730ce 0%, #1B65BD 35%, #11ACD4 60%, #35e9c5 100%);
@internal-button-primary-active-gradient: linear-gradient(40deg, #4730ce 0%, #1B65BD 20%, #11ACD4 50%, #35e9c5 100%);
@internal-button-danger-gradient:         linear-gradient(40deg, #f2257c 0%, #ff1477 20%, #f94478 50%, #f15f70 100%);
@internal-button-danger-hover-gradient:   linear-gradient(40deg, #f2257c 0%, #ff1477 10%, #f94478 30%, #f15f70 100%);
@internal-button-danger-active-gradient:  linear-gradient(40deg, #ff1477 0%, #f15f70 100%);

//
// Card
//

@card-hover-background:                 rgba(255, 255, 255, 0.04);
@card-default-background:               rgba(255, 255, 255, 0.04);
@card-default-hover-background:         rgba(255, 255, 255, 0.08);
@internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);
@internal-card-primary-gradient:        linear-gradient(30deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Divider
//

@internal-divider-icon-image:               "../../../../uikit-themes/master-circle/images/styles/dark-turquoise/divider-icon.svg";
@internal-divider-small-border-gradient:    linear-gradient(90deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);
@internal-divider-vertical-border-gradient: linear-gradient(0deg, #4730ce 0%, #1B65BD 33%, #11ACD4 66%, #3af281 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(20, 254, 190, 0.25);

//
// Form
//

@form-background:             rgba(11, 23, 40, 0.1);
@form-box-shadow:             0 0 17px rgba(255, 255, 255, 0.05), inset 0 0 20px 1px rgba(2, 18, 36, 0.7);
@form-focus-box-shadow:       0 0 17px rgba(73, 178, 250, 0.15);
@form-radio-background:       #17273c;
@form-radio-focus-background: lighten(#17273c, 5%);

//
// Icon
//

@internal-icon-button-glow-gradient: conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);

//
// Inverse
//

@inverse-base-link-color:                      #0ce9d0;
@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(73, 178, 250, 0.4), inset 0 0 20px 1px rgba(2, 18, 36, 0.03);
@inverse-search-navbar-input-focus-box-shadow: 0 0 17px rgba(73, 178, 250, 0.6);
@inverse-text-primary-color:                   @global-primary-background;
@inverse-text-secondary-color:                 #000000;

//
// Navbar
//

@navbar-background:                        rgba(2, 18, 36, 0.6);
@navbar-nav-item-hover-box-shadow:         0 6px 20px -13px #11E2B9;
@navbar-nav-item-hover-text-shadow:        0 0 8px rgba(17, 226, 184, 0.5);
@navbar-nav-item-active-box-shadow:        0 6px 20px -13px #11E2B9;
@navbar-nav-item-active-text-shadow:       0 0 8px rgba(17, 226, 184, 0.5);
@navbar-dropdown-background:               rgba(2, 18, 36, 0.9);
@navbar-dropdown-box-shadow:               0 3px 30px rgba(20, 254, 190, 0.25);
@internal-navbar-nav-item-hover-gradient:  radial-gradient(at 50% bottom, rgba(20, 254, 190, 0.1), rgba(20, 254, 190, 0));
@internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom, rgba(20, 254, 190, 0.1), rgba(20, 254, 190, 0));

//
// Offcanvas
//

@offcanvas-bar-background:     #0E1728;
@offcanvas-overlay-background: rgba(0, 0, 0, 0.53);

//
// Overlay
//

@internal-overlay-primary-gradient: linear-gradient(45deg, rgba(51, 105, 222, 0.12) 0%, rgba(33, 170, 204, 0.12) 33%, rgba(6, 242, 179, 0.12) 66%, rgba(59, 242, 129, 0.12) 100%);

//
// Pagination
//

@internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);

//
// Progress
//

@internal-progress-bar-gradient: linear-gradient(90deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Search
//

@search-default-background:             rgba(11, 23, 40, 0.1);
@search-default-input-box-shadow:       0 0 17px rgba(255, 255, 255, 0.05), inset 0 0 20px 1px rgba(2, 18, 36, 0.7);
@search-default-input-focus-box-shadow: 0 0 17px rgba(59, 242, 128, 0.3);
@search-navbar-input-box-shadow:        0 0 17px rgba(255, 255, 255, 0.05), inset 0 0 20px 1px rgba(2, 18, 36, 0.7);
@search-navbar-input-focus-box-shadow:  0 0 17px rgba(59, 242, 128, 0.3);
@search-medium-input-box-shadow:        0 0 17px rgba(255, 255, 255, 0.05), inset 0 0 20px 1px rgba(2, 18, 36, 0.7);
@search-medium-input-focus-box-shadow:  0 0 17px rgba(59, 242, 128, 0.3);
@search-medium-focus-background:        #020d1a;
@search-large-input-box-shadow:         0 0 17px rgba(255, 255, 255, 0.05), inset 0 0 20px 1px rgba(2, 18, 36, 0.7);
@search-large-input-focus-box-shadow:   0 0 17px rgba(59, 242, 128, 0.3);
@search-large-focus-background:         #020d1a;

//
// Section
//

@internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(20, 254, 190, 0.03), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(20, 254, 190, 0.04), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(20, 254, 190, 0.04), transparent 80%);
@internal-section-primary-gradient: linear-gradient(40deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Subnav
//

@internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #21cbb5, #0a33e3, #4700e9, #0aa0ff, #21cbb5);

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(40deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Text
//

@text-secondary-color:                    #7e00e9;
@internal-text-background-color-gradient: linear-gradient(40deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Tile
//

@internal-tile-default-gradient: radial-gradient(ellipse farthest-corner at 30% 40%, rgba(20, 254, 190, 0.03), transparent 80%), radial-gradient(ellipse farthest-corner at 50% 60%, rgba(20, 254, 190, 0.04), transparent 80%), radial-gradient(ellipse farthest-corner at 70% 50%, rgba(20, 254, 190, 0.04), transparent 80%);
@internal-tile-primary-gradient: linear-gradient(40deg, #4730ce 0%, #1B65BD 40%, #11ACD4 70%, #35e9c5 100%);

//
// Utility
//

@box-shadow-bottom-background: linear-gradient(90deg, rgba(51, 104, 222, 0.3) 0%, rgba(6, 242, 179, 0.2) 50%, rgba(59, 242, 128, 0.4) 100%);
