:root {
  --bg-primary: #181834;
  --bg-deep: #02071c;
  --bg-card: #0c1740;
  --bg-modal: #030a2e;
  --bg-modal-border: #02071c;
  --accent-primary: #ff0101;
  --accent-primary-dark: #850c0d;
  --accent-gold: #014ece;
  --accent-gold-dark: #04163c;
  --accent-secondary: #028cf0;
  --accent-hover: #c10303;
  --text-primary: #ffffff;
  --text-muted: #b2b2b2;
  --text-dark: #2e2e2e;
  --text-link: #889bc7;
  --border-accent: #c10303;
  --btn-secondary: #454545;
  --btn-secondary-hover: #3e3e3e;
  --jackpot-gradient-start: #e71400;
  --jackpot-gradient-end: #2d0400;
  --nexus-theme: blue-red;
}

body {
  color: var(--text-muted);
  background-color: var(--bg-deep);
}

h1, h4, h5, h6 {
  color: var(--text-dark);
}

h2, h3 {
  color: var(--text-primary);
}

p {
  color: var(--text-muted);
}

.login-panel .forgot-password-link {
  color: var(--accent-secondary);
}

.login-panel .register-field {
  color: var(--text-primary);
}

.login-panel .register-field .register-button {
  color: var(--text-link);
}

.arcade-title,
.crash-game-title {
  color: var(--text-primary);
}

.bonus-slider-modal .close {
  background-color: var(--text-primary);
  opacity: 1;
}

.bonus-slider-modal .modal-title {
  color: var(--text-primary);
}

.bonus-slider-modal .modal-header .close {
  background-color: var(--text-primary);
  color: #000;
}

.bonus-slider-modal .activation-button {
  background-color: var(--accent-primary);
  color: var(--text-primary);
}

.bonus-slider-modal .activation-button:hover {
  background-color: var(--accent-hover);
  color: var(--text-primary);
}

.bonus-slider-modal .close-button {
  background-color: var(--btn-secondary);
}

.bonus-slider-modal .close-button:hover {
  background-color: var(--btn-secondary-hover);
}

.bonus-slider-modal .modal-header {
  border-color: #e5e5e5;
  background: var(--bg-modal);
}

.bonus-slider-modal .modal-content {
  background-color: var(--bg-modal);
  border-color: var(--bg-modal-border);
}

.standard-secondary-button,
.standard-primary-button {
  background-color: var(--accent-primary) !important;
  color: var(--text-primary) !important;
}

.standard-secondary-button:hover,
.standard-primary-button:hover {
  background-color: var(--accent-hover) !important;
}

.site-header {
  background: var(--bg-primary);
  border-bottom: 2px solid var(--border-accent);
}

.topbar-container,
.bottom-nav-container {
  background-color: var(--bg-primary);
}

.tab-menu-container a[data-active=true] {
  color: var(--accent-primary);
  border-color: var(--accent-primary);
}

.grid_table thead th {
  background-color: var(--accent-primary);
  color: var(--text-primary);
}

.form-control:focus {
  border-color: var(--accent-secondary);
  box-shadow: 0 0 0 0.2rem rgba(2, 140, 240, 0.25);
}

.home-progressive-jackpot .jackpot-container {
  background-image: linear-gradient(var(--jackpot-gradient-start), var(--jackpot-gradient-end));
}

.home-progressive-jackpot .jackpot-border-container {
  border-color: #6f0a02;
}

.home-progressive-jackpot .jackpot-currency {
  color: #d31200;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
  color: var(--accent-primary);
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label {
  color: var(--accent-secondary);
}

.kyc-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.kyc-badge-pending {
  background: rgba(255, 1, 1, 0.2);
  color: var(--accent-primary);
}

.kyc-badge-verified {
  background: rgba(2, 140, 240, 0.2);
  color: var(--accent-secondary);
}

.kyc-badge-unverified {
  background: rgba(255, 1, 1, 0.15);
  color: var(--accent-primary);
}

.btn-referral-copy {
  background-color: var(--accent-primary);
  color: var(--text-primary);
  border: none;
  border-radius: 5px;
  padding: 5px 12px;
  font-size: 14px;
  cursor: pointer;
}

.btn-referral-copy:hover {
  background-color: var(--accent-hover);
}

.referral-link-box {
  background: var(--bg-card);
  border: 1px solid var(--accent-primary);
  color: var(--text-primary);
  padding: 8px 12px;
  border-radius: 6px;
  word-break: break-all;
}