//
// Global
//

@global-color: #5C5C62;
@global-emphasis-color: #1D1D1F;
@global-inverse-color: #FFFFFF;
@global-link-color: #a983e5;
@global-muted-color: #A1A1A6;
@global-link-hover-color: #d95790;
@global-background: #FFFFFF;
@global-muted-background: #f4f7fa;
@global-primary-background: #a983e5;
@global-border: rgba(26, 26, 26, 0.06);
@global-large-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.15);
@global-medium-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
@global-small-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
@global-xlarge-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.15);

//
// Theme
//

@theme-box-decoration-default-background: @global-primary-background;
@theme-box-decoration-default-gradient: conic-gradient(from 70deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@theme-box-decoration-primary-background: rgba(255, 255, 255, 0.5);
@theme-box-decoration-primary-border: rgba(30, 77, 113, 0.09);
@theme-box-decoration-primary-glow-gradient: conic-gradient(from 70deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@theme-box-decoration-secondary-background: rgba(255, 255, 255, 0.5);
@theme-box-decoration-secondary-border: rgba(30, 77, 113, 0.08);
@inverse-theme-box-decoration-primary-background: rgba(255,255,255, 0.1);
@inverse-theme-box-decoration-primary-border: rgba(255,255,255, 0.1);
@inverse-theme-box-decoration-secondary-background: rgba(255,255,255, 0.1);
@inverse-theme-box-decoration-secondary-border: rgba(255,255,255, 0.1);
@internal-theme-transition-border-border-gradient: linear-gradient(30deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Accordion
//

@accordion-title-hover-color: @global-primary-background;

//
// Alert
//

@alert-background: rgba(227, 235, 246, 0.6);
@alert-primary-color: @global-inverse-color;
@alert-success-color: @global-inverse-color;
@alert-warning-color: @global-inverse-color;
@alert-danger-color: @global-inverse-color;

//
// Badge
//

@badge-color: @global-inverse-color;

//
// Base
//

@base-ins-background: rgba(147, 160, 255, 0.2);
@base-mark-background: rgba(147, 160, 255, 0.2);
@base-pre-background: rgba(227, 235, 246, 0.6);
@base-selection-color: @global-inverse-color;

//
// Breadcrumb
//

@breadcrumb-item-hover-color: @global-primary-background;

//
// Button
//

@button-default-background: rgba(255, 255, 255, 0.9);
@button-default-box-shadow: inset 0 0 10px 1px #fff;
@button-default-hover-box-shadow: inset 0 0 10px 1px #fff, 0 0 8px rgba(255, 255, 255, 0.2);
@button-default-active-box-shadow: inset 0 0 10px 1px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.2);
@button-primary-color: @global-inverse-color;
@button-primary-hover-color: @global-inverse-color;
@button-primary-active-color: @global-inverse-color;
@button-secondary-background: @global-inverse-color;
@button-secondary-hover-background: @global-inverse-color;
@button-secondary-active-color: @global-inverse-color;
@button-danger-color: @global-inverse-color;
@button-danger-hover-color: @global-inverse-color;
@button-danger-active-color: @global-inverse-color;
@button-link-hover-color: @global-primary-background;
@internal-button-default-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-button-default-glow-filter: blur(7px);
@internal-button-default-hover-glow-filter: blur(14px);
@internal-button-primary-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-button-primary-glow-filter: blur(7px);
@internal-button-primary-hover-glow-filter: blur(14px);
@internal-button-secondary-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-button-secondary-glow-filter: blur(7px);
@internal-button-secondary-hover-glow-filter: blur(14px);
@internal-button-primary-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 45%, #9791E9 70%, #6aaff5 100%);
@internal-button-primary-hover-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 35%, #9791E9 60%, #6aaff5 100%);
@internal-button-primary-active-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);
@internal-button-danger-gradient: linear-gradient(40deg,#F71342 0%, #FF1445 20%, #FF1445 50%, #ED7E65 100%);
@internal-button-danger-hover-gradient: linear-gradient(40deg,#F71342 0%, #FF1445 10%, #FF1445 30%, #ED7E65 100%);
@internal-button-danger-active-gradient: linear-gradient(40deg,#FF1445 0%, #ED7E65 100%);

//
// Card
//

@card-badge-color: @global-inverse-color;
@card-hover-background: rgba(232, 237, 247, 0.6);
@card-default-background: rgba(232, 237, 247, 0.5);
@card-default-hover-background: rgba(232, 237, 247, 0.6);
@card-primary-color: @global-inverse-color;
@card-primary-color-mode: light;
@card-secondary-hover-background: @global-inverse-color;
@internal-card-secondary-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-card-secondary-glow-filter: blur(12px);
@internal-card-secondary-hover-glow-filter: blur(24px);
@internal-card-primary-gradient: linear-gradient(30deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Close
//

@close-hover-color: @global-primary-background;

//
// Divider
//

@internal-divider-icon-image: "../../../../uikit-themes/master-circle/images/styles/white-purple/divider-icon.svg";
@internal-divider-small-border-gradient: linear-gradient(90deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);
@internal-divider-vertical-border-gradient: linear-gradient(0deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Dotnav
//

@dotnav-item-border: #C4C4C4;

//
// Dropdown
//

@dropdown-background: rgba(255, 255, 255, 0.9);
@dropdown-box-shadow: 0 5px 15px 0 rgba(53, 135, 198, 0.25);

//
// Form
//

@form-background: @global-inverse-color;
@form-border: #e4e5ea;
@form-box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.15), inset 0 0 10px 1px rgba(169, 131, 229, 0.08);
@form-focus-box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.4);
@form-danger-box-shadow: 0 0 17px 0 rgba(252, 18, 100, 0.1), inset 0 0 10px 1px rgba(252, 18, 100, 0.35);
@form-success-box-shadow: 0 0 17px 0 rgba(0, 208, 132, 0.1), inset 0 0 10px 1px rgba(0, 208, 132, 0.35);
@form-range-thumb-border: @global-primary-background;
@form-range-track-background: #e4e5ea;
@form-radio-background: #e4e5ea;
@form-radio-checked-icon-color: @global-inverse-color;

//
// Icon
//

@icon-button-background: @global-inverse-color;
@icon-button-hover-background: @global-inverse-color;
@icon-button-active-background: @global-inverse-color;
@internal-icon-button-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-icon-button-glow-filter: blur(7px);
@internal-icon-button-hover-glow-filter: blur(12px);

//
// Inverse
//

@inverse-global-border: rgba(255, 255, 255, 0.1);
@inverse-global-color: rgba(255, 255, 255, 0.85);
@inverse-global-color-mode: light;
@inverse-global-inverse-color: @global-emphasis-color;
@inverse-base-link-color: rgba(255, 255, 255, 0.55);
@inverse-base-link-hover-color: #fff;
@inverse-button-default-box-shadow: 0 0 0 0 transparent;
@inverse-button-default-hover-color: @global-emphasis-color;
@inverse-button-primary-hover-color: @global-emphasis-color;
@inverse-button-secondary-hover-color: @global-emphasis-color;
@inverse-form-background: rgba(255, 255, 255, 0.1);
@inverse-form-radio-checked-focus-background: @global-primary-background;
@inverse-form-radio-checked-icon-color: @global-inverse-color;
@inverse-icon-button-color: @global-emphasis-color;
@inverse-icon-button-hover-color: @global-primary-background;
@inverse-list-striped-background: rgba(255, 255, 255, 0.1);
@inverse-marker-hover-background: @global-primary-background;
@inverse-marker-hover-color: @global-inverse-color;
@inverse-navbar-border: rgba(255, 255, 255, 0.15);
@inverse-pagination-item-hover-color: @global-emphasis-color;
@inverse-pagination-item-active-color: @global-emphasis-color;
@inverse-search-default-background: rgba(255, 255, 255, 0.1);
@inverse-subnav-pill-item-hover-color: rgba(255, 255, 255, 0.6);
@inverse-table-striped-row-background: rgba(255, 255, 255, 0.1);
@inverse-table-hover-row-background: rgba(255, 255, 255, 0.1);
@inverse-table-row-active-background: rgba(255, 255, 255, 0.1);
@inverse-text-primary-color: @global-primary-background;

//
// Label
//

@label-color: @global-inverse-color;
@label-success-color: @global-inverse-color;
@label-warning-color: @global-inverse-color;
@label-danger-color: @global-inverse-color;

//
// List
//

@list-striped-background: rgba(185, 180, 194, 0.08);

//
// Marker
//

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

//
// Nav
//

@nav-secondary-item-hover-background: darken(@global-muted-background, 2%);
@nav-secondary-item-active-background: darken(@global-muted-background, 2%);

//
// Navbar
//

@navbar-backdrop-filter: blur(30px);
@navbar-background: rgba(255, 255, 255, 0.75);
@navbar-border: rgba(0, 0, 0, 0.08);
@navbar-nav-item-color: @global-emphasis-color;
@navbar-nav-item-hover-box-shadow: 0 6px 20px -13px rgba(169, 131, 229, 0.6);
@navbar-nav-item-hover-text-shadow: 0 0 8px #fff;
@navbar-nav-item-active-box-shadow: 0 6px 20px -13px rgba(169, 131, 229, 0.6);
@navbar-nav-item-active-text-shadow: 0 0 8px #fff;
@navbar-dropdown-background: rgba(255, 255, 255, 0.75);
@navbar-dropdown-box-shadow: 0 5px 15px 0 rgba(147, 160, 255, 0.2);
@navbar-dropdown-nav-sublist-item-color: @global-muted-color;
@internal-navbar-nav-item-hover-gradient: radial-gradient(at 50% bottom, rgba(169, 131, 229, 0.1), rgba(169, 131, 229, 0));
@internal-navbar-nav-item-active-gradient: radial-gradient(at 50% bottom, rgba(169, 131, 229, 0.1), rgba(169, 131, 229, 0));

//
// Notification
//

@notification-message-background: darken(@global-muted-background, 3%);
@notification-message-primary-background: darken(@global-muted-background, 3%);
@notification-message-success-background: darken(@global-muted-background, 3%);
@notification-message-warning-background: darken(@global-muted-background, 3%);
@notification-message-danger-background: darken(@global-muted-background, 3%);

//
// Offcanvas
//

@offcanvas-bar-background: @global-inverse-color;
@offcanvas-overlay-backdrop-filter: blur(10px);
@offcanvas-overlay-background: rgba(0, 0, 0, 0.09);

//
// Overlay
//

@overlay-default-backdrop-filter: blur(18px);
@overlay-primary-backdrop-filter: blur(18px);
@overlay-default-background: rgba(255, 255, 255, 0.6);
@overlay-primary-color-mode: light;
@internal-overlay-primary-gradient: linear-gradient(45deg, rgba(160, 100, 232, 0.349) 0%, rgba(137, 118, 244, 0.349) 30%, rgba(95, 184, 251, 0.349) 60%, rgba(88, 199, 255, 0.349) 100%);

//
// Pagination
//

@pagination-item-hover-background: @global-inverse-color;
@pagination-item-active-background: @global-inverse-color;
@internal-pagination-item-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-pagination-item-glow-filter: blur(7px);

//
// Progress
//

@progress-background: darken(@global-muted-background, 4%);
@internal-progress-bar-gradient: linear-gradient(90deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Search
//

@search-default-background: #fff;
@search-default-border: #e4e5ea;
@search-default-input-box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.15), inset 0 0 10px 1px rgba(169, 131, 229, 0.08);
@search-default-input-focus-box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.4);

//
// Section
//

@section-primary-color-mode: light;
@section-secondary-color-mode: light;
@internal-section-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(169, 131, 229, 0.08), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(106, 175, 245, 0.07), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(106, 175, 245, 0.05), transparent 80%);
@internal-section-primary-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Slidenav
//

@slidenav-color: @global-inverse-color;

//
// Subnav
//

@subnav-item-hover-color: @global-primary-background;
@subnav-pill-item-hover-color: @global-primary-background;
@subnav-pill-item-active-background: @global-inverse-color;
@internal-subnav-pill-item-glow-gradient: conic-gradient(from 60deg, #9ddafe, #dcbdf7, #fea2cb, #fbabda, #9ddafe);
@internal-subnav-pill-item-glow-filter: blur(7px);
@internal-subnav-divider-border-gradient: linear-gradient(0deg, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.13) 40%, rgba(26, 26, 26, 0.13) 60%, rgba(26, 26, 26, 0));
@internal-breadcrumb-divider-background-image: "../../../../uikit-themes/master-circle/images/styles/white-purple/breadcrumb-divider.svg";

//
// Tab
//

@internal-tab-item-active-border-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Table
//

@table-row-active-background: rgba(227, 235, 246, 0.6);
@table-striped-row-background: rgba(227, 235, 246, 0.6);
@table-hover-row-background: rgba(227, 235, 246, 0.6);

//
// Text
//

@text-secondary-color: #ec599a;
@internal-text-background-color-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Tile
//

@tile-primary-color-mode: light;
@tile-secondary-color-mode: light;
@internal-tile-default-gradient: radial-gradient(ellipse closest-corner at 30% 40%, rgba(169, 131, 229, 0.08), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(106, 175, 245, 0.07), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(106, 175, 245, 0.05), transparent 80%);
@internal-tile-primary-gradient: linear-gradient(40deg, #E35996 0%, #B677D0 40%, #9791E9 70%, #6aaff5 100%);

//
// Tooltip
//

@tooltip-background: @global-emphasis-color;
@tooltip-color: @global-inverse-color;

//
// Totop
//

@totop-hover-color: @global-primary-background;

//
// Utility
//

@box-shadow-bottom-background: linear-gradient(90deg, rgba(217, 87, 144, 0.5) 0%, rgba(206, 98, 173, 0.5) 40%, rgba(169, 131, 229, 0.5) 90%, rgba(106, 175, 245, 0.5) 100%);