/* Dark theme styles */
body.theme-dark {
    background-color: #121212;
    color: #e0e0e0;
}

/* Dark theme for cards, inputs and other elements */
body.theme-dark .card {
    background-color: #1e1e1e;
    border-color: #2d2d2d;
}

body.theme-dark .card-header {
    background-color: #252525;
    border-color: #2d2d2d;
    color: #e0e0e0;
}

body.theme-dark .list-group-item {
    background-color: #1e1e1e;
    border-color: #2d2d2d;
    color: #e0e0e0;
}

body.theme-dark .settings-menu .list-group-item {
    color: #e0e0e0;
    border-color: #2d2d2d;
}

body.theme-dark .settings-menu .list-group-item:hover {
    background-color: #252525;
}

body.theme-dark .settings-menu .list-group-item.active {
    background-color: #252525;
    color: #e0e0e0;
    box-shadow: inset 3px 0 0 #a0a0a0;
}

body.theme-dark .form-control,
body.theme-dark .form-select {
    background-color: #252525;
    border-color: #333;
    color: #e0e0e0;
}

body.theme-dark .form-check-label {
    color: #e0e0e0;
}

body.theme-dark .form-check-input {
    background-color: #252525;
    border-color: #444;
}

body.theme-dark .btn-primary {
    background-color: #3d4852;
    border-color: #3d4852;
}

body.theme-dark .btn-primary:hover {
    background-color: #2d3741;
    border-color: #2d3741;
}

/* Dark theme for navigation menu */
body.theme-dark #menu-main {
    background-color: #1a1a1a;
}

body.theme-dark .menu-header {
    background-color: #252525;
    color: #e0e0e0;
}

body.theme-dark .list-custom-small a {
    color: #e0e0e0;
    border-color: #2d2d2d;
}

body.theme-dark .list-custom-small a:hover {
    background-color: #252525;
}

/* Dark theme for footer navigation */
body.theme-dark #footer-bar {
    background-color: #1a1a1a;
    border-color: #2d2d2d;
}

body.theme-dark #footer-bar a {
    color: #a0a0a0;
}

body.theme-dark #footer-bar a.active-nav {
    color: #ffffff;
}

/* Dark theme for alerts */
body.theme-dark .alert-success {
    background-color: #0f3323;
    border-color: #155724;
    color: #d4edda;
}

/* Additional text colors */
body.theme-dark .text-muted {
    color: #909090 !important;
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6 {
    color: #e0e0e0;
}