/* dark_theme.css */

/* Apply dark backgrounds and light text only when .dark-only is active */
body.dark-only {
  background-color: #0c1824;
  color: #f5f5f5;
}

/* Common elements */
body.dark-only .container,
body.dark-only .card,
body.dark-only .card-body,
body.dark-only .card-title,
body.dark-only .modal-content {
  background-color: #1a2a39 ;
  color: #fff;
  border-color: #374558;
}


/* Buttons */
body.dark-only .btn {
  background-color: #222;
  color: #fff;
  border-color: #444;
}
body.dark-only .btn:hover {
  background-color: #374558;
}

/* Tables */
body.dark-only table {
  color: #fff;
  background-color: #1a1a1a;
}
body.dark-only table thead {
  background-color: #222;
}

/* Inputs / forms */
body.dark-only input,
body.dark-only select,
body.dark-only textarea {
  background-color: #222;
  color: #fff;
  border-color: #444;
}