/* Conservative dark-surface normalization.
   Keep the site dark without overriding every custom component. */

html,
body {
  background: #05070d !important;
  background-color: #05070d !important;
}

body {
  --bs-body-bg: #05070d;
  --bs-body-color: #e8f0ff;
}

main {
  background-color: transparent !important;
}

/* Only touch explicit bootstrap light/white utility surfaces. */
.bg-white,
.bg-light,
.table-light,
.table-light > :not(caption) > * > *,
.alert-light,
.btn-light,
.list-group-item-light,
.breadcrumb.bg-light,
.navbar.bg-light,
.dropdown-menu.bg-white,
.modal-content.bg-white {
  background-color: rgba(10, 18, 36, 0.92) !important;
  color: #e8f0ff !important;
  border-color: rgba(92, 145, 236, 0.28) !important;
}

/* Explicit helper blocks that are known to come white in several templates. */
.auth-card,
.captcha-box,
.section-content,
.content-wrapper,
.panel-white,
.white-panel {
  background: rgba(10, 18, 36, 0.92) !important;
  color: #e8f0ff !important;
  border-color: rgba(92, 145, 236, 0.3) !important;
}

/* Keep these controls readable where bootstrap/light defaults leak in. */
body.custom-dark .form-control,
body.custom-dark .form-select,
body.custom-dark .input-group-text,
body.vibe-ui-enabled .form-control,
body.vibe-ui-enabled .form-select,
body.vibe-ui-enabled .input-group-text,
body.battle-zone .form-control,
body.battle-zone .form-select,
body.battle-zone .input-group-text {
  background-color: rgba(7, 14, 30, 0.88) !important;
  color: #e8f0ff !important;
  border-color: rgba(92, 145, 236, 0.32) !important;
}

body.custom-dark .form-control::placeholder,
body.custom-dark .form-select::placeholder,
body.vibe-ui-enabled .form-control::placeholder,
body.vibe-ui-enabled .form-select::placeholder,
body.battle-zone .form-control::placeholder,
body.battle-zone .form-select::placeholder {
  color: #9db3d8 !important;
}