html[data-bs-theme="dark"],
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] #layout-wrapper,
html[data-bs-theme="dark"] .main-content,
html[data-bs-theme="dark"] .page-content {
  background-color: #0f0f0f;
  color: #fff;
}

html[data-bs-theme="dark"] .card {
  background-color: #1a1a1a;
  border-color: #2a2a2a;
}

html[data-bs-theme="light"],
html[data-bs-theme="light"] body {
  background-color: #f7f7f7;
  color: #111;
}