:root {
  --color-primary-50: #faf6ff;
  --color-primary-100: #f3ebff;
  --color-primary-200: #e7d7ff;
  --color-primary-300: #d4b8ff;
  --color-primary-400: #b58aff;
  --color-primary-500: #915cfb;
  --color-primary-600: #7840eb;
  --color-secondary: #241433;
  --color-accent: #fffbff;
  --color-background-1: #fffdfd;
  --color-background-2: #fcf9ff;
  --color-background-3: #f6f1ff;
  --color-background-4: #efe8fb;
  --color-background-5: #241533;
  --color-background-6: #1a1026;
  --color-background-7: #211430;
  --color-background-8: #150d20;
  --color-background-9: #2d1b42;
  --color-stroke-1: #e7dff1;
  --color-stroke-2: #e2d8ef;
  --color-stroke-3: #d7cae6;
  --color-stroke-4: #ede6f6;
  --color-stroke-5: #271934;
  --color-stroke-6: #2f1f40;
  --color-stroke-7: #3a2750;
  --color-stroke-8: #493061;
  --color-gradient-1: linear-gradient(135deg, #915cfb 0%, #c78cff 53%, #ffd1c5 100%);
  --color-gradient-8: linear-gradient(156deg, #fffafc 20%, #e6d6ff 64%, #b987ff 100%);
  --color-gradient-9: linear-gradient(156deg, #d6b0ff 12%, #f4c1df 100%);
}

body {
  background:
    radial-gradient(circle at top left, rgba(145, 92, 251, 0.1), transparent 32%),
    radial-gradient(circle at top right, rgba(246, 173, 255, 0.08), transparent 26%),
    linear-gradient(180deg, #fffdfd 0%, #f8f3ff 100%);
  color: var(--color-secondary);
}

.header-one {
  background: rgba(255, 251, 255, 0.84) !important;
  border-color: rgba(145, 92, 251, 0.14) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 38px rgba(44, 22, 73, 0.08);
}

.dropdown-menu,
.mega-menu,
.customer-dropdown-menu,
.sidebar {
  background: rgba(255, 251, 255, 0.96) !important;
  border-color: rgba(145, 92, 251, 0.12) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 22px 60px rgba(36, 20, 51, 0.1);
}

.btn-primary {
  background-image: linear-gradient(135deg, #915cfb 0%, #ab72ff 50%, #c98eff 100%);
  border-color: #7840eb;
  box-shadow: 0 10px 24px rgba(120, 64, 235, 0.24);
}

.btn-secondary {
  background-image: linear-gradient(135deg, #241433 0%, #4e2c79 56%, #7446c7 100%);
  border-color: #2d1742;
  box-shadow: 0 12px 28px rgba(48, 25, 82, 0.22);
}

.btn-dark {
  background-image: linear-gradient(135deg, rgba(36, 20, 51, 0.7) 0%, rgba(116, 70, 199, 0.48) 100%);
  border: 1px solid rgba(255, 251, 255, 0.14);
}

.btn-white,
.btn-accent,
.\!btn-white {
  border-color: rgba(145, 92, 251, 0.14) !important;
  background-color: rgba(255, 251, 255, 0.92) !important;
  box-shadow: 0 10px 24px rgba(36, 20, 51, 0.06) !important;
}

.bg-background-3,
.bg-background-4 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

footer.bg-secondary,
footer {
  background-image:
    radial-gradient(circle at top left, rgba(145, 92, 251, 0.18), transparent 24%),
    linear-gradient(180deg, #241433 0%, #160d21 100%);
}