:root {
  --vbet-bg-main: #15091e;
  --vbet-bg-panel: #241230;
  --vbet-bg-card: #2a1739;
  --vbet-accent: #f30788;
  --vbet-text: #ffffff;
  --vbet-subtext: #d8cde6;
}

body,
#app,
#viperpro {
  background:
    radial-gradient(circle at top right, rgba(243, 7, 136, 0.10), transparent 28%),
    radial-gradient(circle at center left, rgba(116, 41, 160, 0.08), transparent 24%),
    var(--background-color, var(--vbet-bg-main));
}

.navtop-color,
header,
.header, 
[class*="navtop"] {
  background-color: var(--navtop-color-dark, var(--vbet-bg-panel)) !important;
}

aside,
.sidebar,
[class*="sidebar"],
[class*="side-menu"] {
  background-color: var(--sidebar-color-dark, var(--vbet-bg-panel));
}

.bg-card-dark,
[class*="card-color"],
[class*="carousel-banners"] {
  background-color: var(--card-color-dark, var(--vbet-bg-card));
}

button[class*="bg-primary"],
.bg-primary,
button[class*="Depos"],
button[class*="deposit"] {
  background-color: var(--ci-primary-color, var(--vbet-accent));
}

.text-gray-400,
.text-gray-500,
.text-gray-300 {
  color: var(--sub-text-color, var(--vbet-subtext)) !important;
}

.profile-page .bg-card-dark,
[class*="ProfilePage"] .bg-card-dark {
  border: 1px solid rgba(255,255,255,.08);
}