body {
  background-color: #f0f0f3;
  color: #333;
}

a {
  color: #007bff;
}

a:hover {
  color: #0056b3;
}

input {
  background-color: #f0f0f0;
  color: #333;
}

.navbar {
  background-color: #f8f9fa;
  color: #333;
}

.footer {
  background-color: #f8f9fa;
  color: #555;
}

body.dark-mode {
  background-color: #1f1f1f;
  color: #f0f0f0;
}

body.dark-mode a {
  color: #0d6efd;
}

body.dark-mode a:hover {
  color: #4db6ac;
}

body.dark-mode input {
  background-color: #333;
  color: #f0f0f0;
}
body.dark-mode label {
  color: #6c757d !important;
}

body.dark-mode .navbar {
  background-color: #212121;
}

body.dark-mode footer {
  color: #6c757d !important;
}
body.dark-mode thead th {
  color: #0dcaf0 !important;
}