/* BRABR — tema dinâmico (admin) */
:root {
  --theme-accent: #a855f7;
  --theme-accent-hover: #9333ea;
  --theme-accent-secondary: #c084fc;
  --theme-bg-body: #0f0720;
  --theme-bg-card: #1a1035;
  --theme-bg-header: #1e1145;
  --theme-bg-input: #120a28;
  --theme-text-secondary: #d8b4fe;
  --theme-brand-bar: #7c3aed;
  --theme-tabbar-bg: #1a1035;
  --theme-tabbar-border: #3b2667;
  --theme-warning: #fbbf24;
  --theme-danger: #f87171;
  --accent-green: #a855f7;
  --accent-green-hover: #9333ea;
  --accent-hover: #9333ea;
  --accent: #c084fc;
  --accent-h: #7c3aed;
  --header-bg: #0f0720;
  --wallet-bg: #1a1035;
  --bg-body: #0f0720;
  --bg-darker: #120a28;
  --bg-card: #1a1035;
  --bg-hover: #1a1035;
  --bg-input: #120a28;
  --bg-3: #1a1035;
  --bg-4: #1a1035;
  --text-secondary: #d8b4fe;
  --text-gray: #d8b4fe;
  --text-3: #d8b4fe;
  --brand-violet-2: #7c3aed;
  --accent-dim: rgba(168,85,247,0.12);
  --accent-bd: rgba(168,85,247,0.28);
  --accent-bd2: rgba(168,85,247,0.55);
  --live-color: #c084fc;
  --live-dim: rgba(192,132,252,0.13);
  --live-bd: rgba(192,132,252,0.28);
  --warning: #fbbf24;
  --danger: #f87171;
  --tabbar-bg: #1a1035;
  --tabbar-border: #3b2667;
  --tabbar-active: #a855f7;
}

html, body {
  background: #0f0720 !important;
  color: #fff !important;
}

.main-header {
  background: linear-gradient(180deg, #1e1145 0%, #0f0720 120%) !important;
}

.main-header.br-header {
  background: linear-gradient(180deg, #1e1145 0%, #7c3aed 100%) !important;
  border-bottom-color: rgba(168,85,247,0.28) !important;
}

.br-header-deposit-btn {
  background: linear-gradient(180deg, #c084fc, #a855f7) !important;
  color: #0f0720 !important;
  box-shadow: 0 6px 18px rgba(168,85,247,0.12) !important;
}
.br-header-deposit-btn:hover {
  background: linear-gradient(180deg, #c084fc, #9333ea) !important;
}

.br-header-balance-pill,
.br-header-balance-pill.balance-display {
  background: #ffffff !important;
  color: #0f172a !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}
.br-header-balance-pill:hover,
.br-header-balance-pill.balance-display:hover {
  background: #ffffff !important;
  border-color: transparent !important;
}
.br-header-balance-pill #headerBalance {
  color: #0f172a !important;
}
.br-header-balance-pill .br-header-chevron {
  color: #475569 !important;
}
.br-header-balance-pill .br-header-refresh {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
.br-header-balance-pill .br-header-refresh:hover {
  background: #e2e8f0 !important;
}

.br-header-guest-btn--primary {
  background: linear-gradient(135deg, #c084fc, #a855f7, #9333ea) !important;
  color: #0f0720 !important;
  font-weight: 900 !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.2) inset,
    0 8px 24px rgba(168,85,247,0.12),
    0 0 28px rgba(168,85,247,0.28) !important;
}
.br-header-guest-btn--primary:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea, #9333ea) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 10px 28px rgba(168,85,247,0.12),
    0 0 34px rgba(168,85,247,0.55) !important;
}

.br-header-icon-btn,
.br-header-guest-btn:not(.br-header-guest-btn--primary) {
  border-color: rgba(168,85,247,0.55) !important;
  background: rgba(168,85,247,0.12) !important;
}
.br-header-guest-btn:not(.br-header-guest-btn--primary) {
  background: transparent !important;
  border-color: rgba(168,85,247,0.28) !important;
  color: #d8b4fe !important;
}
.br-header-icon-btn:hover {
  border-color: #c084fc !important;
  background: rgba(192,132,252,0.13) !important;
}

.br-header-logo-ring {
  background: conic-gradient(from 120deg, #fbbf24, #c084fc, #a855f7, #7c3aed, #fbbf24) !important;
  box-shadow: 0 0 16px rgba(168,85,247,0.12) !important;
}
.br-header-logo-ring::before {
  background: #1e1145 !important;
}

.br-header-greeting {
  color: #d8b4fe !important;
}

#headerBalance.increasing {
  color: #a855f7 !important;
}
#headerBalance.decreasing {
  color: #f87171 !important;
}

.promo-strip {
  background: #7c3aed !important;
}

.promo-cta {
  background: #a855f7 !important;
}
.promo-cta:hover {
  background: #9333ea !important;
}

.hdr-nav-link:hover i,
.hdr-nav-link.active i,
.hdr-nav-link.active {
  color: #a855f7 !important;
}

.btn-primary,
.br-btn-primary,
.error-btn-primary {
  background: #a855f7 !important;
  color: #04210f !important;
}
.btn-primary:hover,
.br-btn-primary:hover,
.error-btn-primary:hover {
  background: #9333ea !important;
}

.balance-display:not(.br-header-balance-pill),
.amount.increasing,
.bet-amount.win,
.legal-title,
.contact-link,
.footer-link:hover,
.nav-link.active {
  color: #a855f7 !important;
}

.nav-link.active {
  border-bottom-color: #a855f7 !important;
}

.main-nav {
  background: #120a28 !important;
}

.btn-deposit-header,
.btn-ghost:hover,
.contact-horario i,
.payment-badge i {
  color: #a855f7 !important;
}

/* Tabbar */
.tabbar {
  background: #1a1035 !important;
  border-top-color: #3b2667 !important;
}
.tabbar-item:hover,
.tabbar-item.active {
  color: #a855f7 !important;
}
.tabbar-item.active::after {
  background: #a855f7 !important;
}

/* Cassino / jogos */
.pf-chip.active,
.game-provider,
.btn-ver-todos:hover,
.nav-btn:hover:not(:disabled) {
  color: #a855f7 !important;
  border-color: rgba(168,85,247,0.28) !important;
}
.game-card:hover {
  border-color: rgba(168,85,247,0.28) !important;
}
.search-bar:focus-within {
  border-color: rgba(168,85,247,0.55) !important;
}

/* Admin preview badge */
.theme-preview-accent {
  background: #a855f7;
}
.theme-preview-bg {
  background: #0f0720;
}
.theme-preview-card {
  background: #1a1035;
}