body {
  background-color: #121212;
  color: #e0e0e0;
}

h1, h3 {
  color: #ffffff;
}

#reader {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.25rem;
  background-color: #1e1e1e;
}

.form-control {
  background-color: #1e1e1e;
  color: #ffffff;
  border: 1px solid #495057;
}

.form-select {
  background-color: #1e1e1e;
  color: #ffffff;
  border: 1px solid #495057;
}

.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-success {
  background-color: #198754;
  border-color: #198754;
}

.alert-success {
  background-color: #1b512d;
  color: #d4edda;
  border-color: #1b512d;
}

.alert-danger {
  background-color: #5a1e1e;
  color: #f8d7da;
  border-color: #5a1e1e;
}

.alert-info {
  background-color: #1e3a5f;
  color: #cff4fc;
  border-color: #1e3a5f;
}

.alert-secondary {
  background-color: #333333;
  color: #e0e0e0;
  border-color: #333333;
}

.fs-6 {
  font-size: 0.875rem !important;
  color: #b0b0b0;
}