body.dark-theme {
    --primary-color: #5dade2;
    --secondary-color: #34495e;
    --text-color: #f0f0f0;
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --border-color: #2d2d2d;
    --code-bg: #282c34;
    --footer-bg: #1e1e1e;
    --list-item-bg: #1e1e1e;
}

body.dark-theme {
    color: var(--text-color);
    background-color: var(--bg-color);
}

.dark-theme .card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

.dark-theme .jumbotron {
    background-color: #1e1e1e !important;
    color: #f0f0f0;
}

.dark-theme .list-group-item {
    background-color: var(--list-item-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

.dark-theme .list-group-item.active {
    background-color: #3498db;
    border-color: #3498db;
}

.dark-theme pre {
    background-color: #282c34 !important;
    color: #f0f0f0;
}

.dark-theme code {
    color: #f0f0f0;
}

.dark-theme footer {
    background-color: var(--footer-bg);
    color: var(--text-color);
}

/* Fix for topic content */
.dark-theme .card-body {
    color: var(--text-color);
}

/* Fix for any content that might still have dark styling */
.dark-theme p, .dark-theme h1, .dark-theme h2, .dark-theme h3, 
.dark-theme h4, .dark-theme h5, .dark-theme h6, 
.dark-theme li, .dark-theme a:not(.btn) {
    color: var(--text-color);
}

.dark-theme .topic-content {
    color: var(--text-color);
}

/* Course card dark mode styling */
.dark-theme .course-image-container {
    background-color: var(--card-bg);
}

.dark-theme .card .card-footer {
    background-color: var(--code-bg);
    border-color: var(--border-color);
}

/* Dark theme styles for XP display */
body.dark-theme .xp-bar-container {
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-theme .level-badge {
    background-color: var(--primary-color);
    color: white;
}

body.dark-theme .xp-text {
    color: white;
}