/* Light theme (default) */
:root {
    --primary-color: #4F46E5;
    --text-color: #1F2937;
    --bg-color: #FFFFFF;
    --card-bg: #F3F4F6;
    --border-color: #E5E7EB;
    --input-bg: #FFFFFF;
}

/* Dark theme */
body.dark-theme {
    --primary-color: #6366F1;
    --text-color: #F3F4F6;
    --bg-color: #111827;
    --card-bg: #1F2937;
    --border-color: #374151;
    --input-bg: #374151;
}

/* Smooth transitions */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Additional dark theme adjustments */
body.dark-theme .header {
    background: var(--bg-color);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

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

body.dark-theme .nav-links a {
    color: var(--text-color);
}

body.dark-theme .nav-links a:hover,
body.dark-theme .nav-links a.active {
    color: var(--primary-color);
}