body {
    background-color: #f8f9fa;
}
.container {
    margin-top: 20px;
}

/* Dark Mode Genel Ayarları */
body.dark-mode {
    background-color: #1c1e21;
    color: #e0e0e0;
}

/* Dark modda tüm başlık, paragraf, bağlantı ve metin renklerinin override edilmesi */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode p,
body.dark-mode span,
body.dark-mode a,
body.dark-mode li,
body.dark-mode th,
body.dark-mode td {
    color: #e0e0e0 !important;
}

/* Navbar dark mode için */
.navbar.dark-mode {
    background-color: #272a2d !important;
}

/* Kart ve tablo içeriği */
body.dark-mode .card,
body.dark-mode .card-header,
body.dark-mode .card-body,
body.dark-mode .table {
    background-color: #2c2f33 !important;
    color: #e0e0e0 !important;
}

/* Buton metinlerinin okunabilirliği */
body.dark-mode .btn {
    color: #e0e0e0 !important;
}

/* İkonların rengi için (Font Awesome) */
body.dark-mode .fa {
    color: #e0e0e0 !important;
}

/* Dark mod için modallar */
body.dark-mode .modal-content {
    background-color: #2c2f33;
    color: #e0e0e0;
    border-color: #444;
}
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #444;
}
body.dark-mode .modal-title,
body.dark-mode .modal-body,
body.dark-mode .modal-footer button {
    color: #e0e0e0;
}

/* Light mod için modallar */
body.light-mode .modal-content {
    background-color: #ffffff;
    color: #212529;
    border-color: #dee2e6;
}
body.light-mode .modal-header,
body.light-mode .modal-footer {
    border-color: #dee2e6;
}
body.light-mode .modal-title,
body.light-mode .modal-body,
body.light-mode .modal-footer button {
    color: #212529;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; /* İstediğiniz yükseklik */
  background: #272a2d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}