/* @media (prefers-color-scheme: dark) { */
[data-bs-theme="dark"] {

:root, .btn-theme {
  --xbs-btn-color: #000;
  --xbs-btn-hover-color: #000;
  --xbs-btn-active-color: #000;
  --xbs-btn-disabled-color: #000;
  --bs-link-hover-color: #E2FFE2;
}
.bg-alert, .alert-theme {
  --bs-alert-bg: #004300;
  --bs-alert-border-color: #004300;
  color: var(--bs-btn-color) !important;
}
.bg-light {
  --bs-dark-rgb: 10,14,18;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important;
}
.btn-hover-light:hover, .btn-hover-light:focus {
  --bs-link-hover-color: #41a62a; //#E2FFE2;
  color: var(--bs-link-hover-color);
  background-color: var(--bs-tertiary-bg);
}
.text-bg-light {
  --bs-dark-rgb: 10,14,18;
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important;
}
a {
  --bs-link-color-rgb: 226,255,226; //163,187,255;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
  text-decoration: underline;
}
.accordion-button:hover, tr[data-modal]:hover td, td[data-modal]:hover {
  --bs-link-hover-color: #E2FFE2;
  color: var(--bs-link-hover-color);
}
.alert {
  color: #000; //var(--bs-btn-color);
}
.progress-circle {
  background-color: #000;
}
.progress-circle::after {
  background-color: var(--bs-modal-bg);
}
.progress-circle span {
  color: var(--bs-modal-color);
}