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

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

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