/* Dark Mode Styles */
body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode .navbar {
    background-color: #1f1f1f !important;
}

body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .card-header {
    background-color: #2a2a2a;
    border-color: #333333;
}

body.dark-mode .list-group-item {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: #333333;
}

body.dark-mode .list-group-item a {
    color: #6ea8fe;
}

body.dark-mode .btn-outline-secondary {
    color: #adb5bd;
    border-color: #495057;
}

body.dark-mode .btn-outline-dark {
    color: #dee2e6;
    border-color: #495057;
}

body.dark-mode .btn-outline-dark:hover {
    color: #fff;
    background-color: #495057;
}

body.dark-mode .btn-dark {
    background-color: #343a40;
    border-color: #495057;
}

body.dark-mode .table {
    color: #ffffff;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #1e1e1e;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #2a2a2a;
}

body.dark-mode .dropdown-menu {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .dropdown-item {
    color: #ffffff;
}

body.dark-mode .dropdown-item:hover {
    background-color: #333333;
    color: #ffffff;
}

body.dark-mode .dropdown-divider {
    border-color: #333333;
}

body.dark-mode .offcanvas {
    background-color: #1e1e1e;
    color: #ffffff;
}

body.dark-mode .offcanvas .list-group-item {
    background-color: #1e1e1e;
    color: #ffffff;
}

body.dark-mode .offcanvas .list-group-item:hover {
    background-color: #333333;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2a2a2a;
    color: #ffffff;
    border-color: #444444;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #333333;
    color: #ffffff;
}

body.dark-mode .text-muted {
    color: #adb5bd !important;
}

body.dark-mode .alert {
    background-color: #2a2a2a;
    color: #ffffff;
    border-color: #444444;
}

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

body.dark-mode .border-warning {
    border-color: #ffc107 !important;
}

body.dark-mode .bookmark-card.visited {
    background: rgba(60, 60, 75, 0.6);
}