/* Light mode color fixes */

/* Make sure all gold elements are properly overridden in light mode */
body.light-mode {
    /* Font colors */
    --gold: #1976D2 !important;
    --dark-gold: #0D47A1 !important;
}

/* Fix all section titles */
body.light-mode .section-title-styled,
body.light-mode .skills-heading,
body.light-mode .tools-heading {
    color: #1976D2 !important;
    background: linear-gradient(90deg, #1976D2, #0D47A1, #1976D2) !important;
    background-size: 200% auto !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    text-shadow: none !important;
}

/* Fix all background elements that might still be using gold */
body.light-mode .project-card::before,
body.light-mode .project-card::after,
body.light-mode .profile-pic::before,
body.light-mode .profile-pic::after {
    background: radial-gradient(circle, rgba(30, 136, 229, 0.2) 0%, transparent 70%) !important;
}

/* Fix all gradients and borders */
body.light-mode .section-title-styled::before,
body.light-mode .section-title-styled::after,
body.light-mode .skills-heading::before,
body.light-mode .skills-heading::after,
body.light-mode .tools-heading::before,
body.light-mode .tools-heading::after {
    background: linear-gradient(90deg, #1976D2, transparent) !important;
}

/* Fix all hover effects */
body.light-mode .project-card:hover,
body.light-mode .skill-item:hover,
body.light-mode .tool-item:hover {
    box-shadow: 0 10px 25px rgba(30, 136, 229, 0.3) !important;
}

/* Fix hero name and text */
body.light-mode .hero h1 {
    font-weight: 700;
    font-family: var(--font-accent);
    color: #1976D2 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Fix hero subtitle */
body.light-mode .hero-subtitle {
    color: #0D47A1 !important;
}

/* Fix hero buttons */
body.light-mode .hero-buttons .btn {
    border-color: #1976D2 !important;
}

body.light-mode .btn-primary {
    background: #1976D2 !important;
    color: white !important;
}

body.light-mode .btn-outline {
    color: #1976D2 !important;
    border-color: #1976D2 !important;
}

body.light-mode .btn-outline:hover {
    background: #1976D2 !important;
    color: white !important;
}

/* Fix any animations that might still use gold */
body.light-mode .section-title-styled,
body.light-mode .skills-heading,
body.light-mode .tools-heading {
    animation: titleFadeLight 1s ease-out !important;
}

@keyframes titleFadeLight {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Fix project card shimmer effects */
body.light-mode .project-card::after {
    background: linear-gradient(120deg, transparent, rgba(30, 136, 229, 0.2), transparent) !important;
}

/* Fix all border effects */
body.light-mode .section-title-styled::after,
body.light-mode .skills-heading::after,
body.light-mode .tools-heading::after {
    background: linear-gradient(90deg, #1976D2, transparent) !important;
}

/* Fix particle colors */
body.light-mode #particles-js canvas {
    mix-blend-mode: multiply;
}