/* Varsayılan stil (Her zaman karanlık mod) */
body {
    background-color: #121212;
    color: #000066; /* Açık gri yazı rengi */
}

/* Navbar */
.navbar {
    background-color: #1f1f1f !important;
}

/* Sidebar */
#sidebar {
    background-color: #1f1f1f;
    min-height: 100vh;
}

#sidebar .nav-link {
    color: #000066; /* Açık gri yazı rengi */
}

#sidebar .nav-link:hover {
    background-color: #2d2d2d; /* Daha koyu gri */
}

/* Formlar */
.form-control {
    background-color: #2d2d2d;
    color: #000066; /* Açık gri yazı rengi */
    border-color: #444444;
}

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

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

/* Tablolar */
.table {
    background-color: #1f1f1f;
    color: #000066; /* Açık gri yazı rengi */
}

.table th,
.table td {
    border-color: #444444;
}

/* Kartlar */
.card {
    background-color: #1f1f1f;
    color: #000066; /* Açık gri yazı rengi */
}

/* Diğer öğeler */
h1, h2, h3, h4, h5, h6, p {
    color: #000066; /* Açık gri yazı rengi */
}

/* Özel stil: Form etiketleri */
.form-label {
    color: #000066; /* Açık gri yazı rengi */
}

/* Özel stil: Input grupları */
.input-group-text {
    background-color: #2d2d2d;
    color: #000066; /* Açık gri yazı rengi */
    border-color: #444444;
}
/* Özel kırmızı renk */
.custom-red {
    color: #ff4444 !important; /* Daha canlı bir kırmızı */
}

.custom-red:hover {
    color: #cc0000 !important; /* Hover durumunda daha koyu kırmızı */
}
.custom-blue {
    color: #0000cd !important; /* Daha canlı bir kırmızı */
}

.custom-blue:hover {
    color: #0000cd !important; /* Hover durumunda daha koyu kırmızı */