body.dark-mode {
    --primary-color: #4a90e2;
    --secondary-color: #ffd700;
    --background-color: #121212;
    --text-color: #ffffff;
    --nav-bg: rgba(18, 18, 18, 0.95);
}

.dark-mode .theme-toggle i {
    color: var(--secondary-color);
}

.dark-mode .main-header {
    background: rgba(18, 18, 18, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode .btn {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
}

.dark-mode .status-badge[data-status="open"] {
    background: linear-gradient(45deg, #28a745, #34d058);
}

.dark-mode .status-badge[data-status="closed"] {
    background: linear-gradient(45deg, #dc3545, #ff4d4d);
}

/* Dark mode transitions */
.dark-mode section::before {
    background: radial-gradient(circle at center, transparent 0%, #121212 70%);
}