:root {
  --brand-green: #00f000;
  --brand-green-dark: #003826;
  --brand-yellow: #fcc804;
}

body.public-home,
body.login-page,
body.register-page,
body.promo-page,
body.member-profile-page,
body.member-dashboard-page,
body.public-slot-page,
body.public-togel-page {
  background-color: var(--brand-green-dark) !important;
  background-image: none !important;
}

.btn-primary,
.btn-success {
  border-color: var(--brand-green) !important;
  color: var(--brand-green-dark) !important;
  background-color: var(--brand-green) !important;
  background-image: linear-gradient(110deg, #00a800 0%, var(--brand-green) 52%, #00c800 100%) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
  border-color: var(--brand-green) !important;
  color: var(--brand-green) !important;
  background-color: var(--brand-green-dark) !important;
  background-image: none !important;
}

.btn-outline-primary {
  border-color: var(--brand-green) !important;
  color: var(--brand-green) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  border-color: var(--brand-green) !important;
  color: var(--brand-green-dark) !important;
  background-color: var(--brand-green) !important;
}

.text-primary {
  color: var(--brand-green) !important;
}

.bg-primary {
  color: #fff !important;
  background-color: var(--brand-green-dark) !important;
  background-image: none !important;
}