:root {
  --bp-primary: #16a34a;
  --bp-primary-rgb: 22, 163, 74;
  --bp-accent: #facc15;
  --bp-accent-rgb: 250, 204, 21;
  --bp-accent-dark: #1a1a1a;
  --bp-bg: hsl(150, 33%, 4%);
  --bp-bg-rgb: 8, 12, 10;
  --bp-foreground: hsl(0, 0%, 95%);
  --bp-muted: hsl(150, 10%, 60%);
  --bp-muted-bg: hsl(150, 10%, 15%);
  --bp-card: hsl(133, 24%, 8%);
  --bp-border: hsl(150, 10%, 15%);
  --bp-destructive: hsl(0, 84%, 60%);
  --bp-whatsapp: #25d366;
  --bp-whatsapp-hover: #20bd5a;
  --bp-radius: 0.5rem;
  --bp-radius-xl: 1rem;
  --bp-radius-2xl: 1.25rem;
  --bp-font-body: 'Inter', sans-serif;
  --bp-font-heading: 'Poppins', sans-serif;
  --bp-elevate-1: rgba(255, 255, 255, 0.04);
  --bp-elevate-2: rgba(255, 255, 255, 0.09);
  --bs-primary: var(--bp-primary);
  --bs-warning: var(--bp-accent);
  --bs-body-bg: var(--bp-bg);
  --bs-body-color: var(--bp-foreground);
  --bs-border-color: var(--bp-border);
  --bs-secondary-bg: var(--bp-card);
  --bs-secondary-color: var(--bp-muted);
  --bs-link-color: var(--bp-primary);
  --bs-link-hover-color: #22c55e;
  --bs-font-sans-serif: var(--bp-font-body);
}

.dark,
.betpro-theme {
  color-scheme: dark;
}

.betpro-theme .text-muted {
  color: var(--bp-muted) !important;
}

.betpro-theme .text-white {
  color: var(--bp-foreground) !important;
}

.betpro-theme .text-warning {
  color: var(--bp-accent) !important;
}

.betpro-theme .text-success {
  color: var(--bp-primary) !important;
}

.betpro-theme .bg-dark,
.betpro-theme .badge.bg-secondary {
  background-color: var(--bp-card) !important;
}

.betpro-theme .form-control,
.betpro-theme .form-select {
  background-color: var(--bp-bg);
  border-color: var(--bp-border);
  color: var(--bp-foreground);
}

.betpro-theme .form-control:focus,
.betpro-theme .form-select:focus {
  background-color: var(--bp-bg);
  border-color: var(--bp-primary);
  color: var(--bp-foreground);
  box-shadow: 0 0 0 0.2rem rgba(var(--bp-primary-rgb), 0.2);
}

.betpro-theme .form-select option {
  background: var(--bp-card);
  color: var(--bp-foreground);
}

.bp-alert {
  max-width: 720px;
  border-radius: var(--bp-radius);
  border: 1px solid transparent;
}

.bp-alert--success {
  background: rgba(var(--bp-primary-rgb), 0.15);
  border-color: rgba(var(--bp-primary-rgb), 0.35);
  color: #bbf7d0;
}

.bp-alert--danger {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
  color: #fecaca;
}