/* css/styles.css */

/* Custom styles for dark mode */

body {
    background-color: #121212; /* Dark background */
    color: #ffffff; /* Light text color */
}

.navbar-brand, .navbar-nav .nav-link, .navbar-text {
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

.form-label {
    color: #ffffff;
    font-weight: bold;
}

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

.form-control:focus {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: #555555;
    box-shadow: none;
}

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

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

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    background-color: #5c636a;
    border-color: #565e64;
}

.modal-content {
    background-color: #1e1e1e;
    color: #ffffff;
}

.alert {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #ffffff;
}

.alert-danger {
    background-color: #b02a37;
    border-color: #a52834;
    color: #ffffff;
}

.alert-success {
    background-color: #198754;
    border-color: #157347;
    color: #ffffff;
}

.btn-close {
    filter: invert(1);
}

.table {
    color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.1);
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.input-group-text {
    background-color: #1e1e1e;
    color: #ffffff;
    border: 1px solid #333333;
}

.invalid-feedback {
    color: #ff6b6b;
}