/* Dark Theme Additional Styles
 * These styles enhance the dark theme experience beyond just variable changes
 */

/* Card styles for dark theme */
.dark-theme .skill-box .skill-icon-wrapper,
.dark-theme .card,
.dark-theme .project-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
}

/* Navigation styles for dark theme */
.dark-theme .navbar {
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-color);
}

.dark-theme .navbar-menu .navbar-link {
    color: var(--text-secondary);
}

.dark-theme .navbar-menu .navbar-item.active .navbar-link,
.dark-theme .navbar-menu .navbar-link:hover {
    color: var(--accent-primary);
}

/* Section headings in dark theme */
.dark-theme .section-title,
.dark-theme .skill-category h3 {
    border-color: var(--border-color);
}

/* Footer styles for dark theme */
.dark-theme .footer {
    background-color: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

/* Skills section dark theme enhancements */
.dark-theme .skills-grid {
    gap: 25px;
}

.dark-theme .skill-icon-wrapper {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.dark-theme .skill-box:hover .skill-icon-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

/* Button styles adjustment for dark theme */
.dark-theme .btn-primary {
    background-color: var(--accent-primary);
}

.dark-theme .btn-secondary {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* Form elements in dark theme */
.dark-theme input,
.dark-theme textarea,
.dark-theme select {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

.dark-theme input:focus,
.dark-theme textarea:focus,
.dark-theme select:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px rgba(163, 113, 247, 0.2);
}

/* Image brightness adjustment for dark theme */
.dark-theme img:not([src*=".svg"]) {
    filter: brightness(0.9);
}

/* Mobile menu in dark mode */
.dark-theme .navbar-toggle .bar {
    background-color: var(--text-primary);
}

/* Scroll bar styles for dark theme */
.dark-theme::-webkit-scrollbar {
    width: 12px;
}

.dark-theme::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

.dark-theme::-webkit-scrollbar-thumb {
    background-color: var(--bg-tertiary);
    border-radius: 6px;
    border: 3px solid var(--bg-secondary);
}

.dark-theme::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-tertiary);
}