/* Light Theme Specific Styles */
body[data-theme="light"] {
    --bg-color: var(--beige);
    --primary-color: var(--black);
    --secondary-color: var(--red);
    --header-bg: rgba(245, 245, 220, 0.85);
    --footer-bg: rgba(245, 245, 220, 0.5);
    --border-color: rgba(0, 0, 0, 0.1);
    --card-bg: rgba(0, 0, 0, 0.15);
    --alt-bg: var(--black);
    --alt-text: var(--beige);
    --icon-color: #000;
    --nav-pill-bg: var(--beige);

    --loader-color: var(--black);

    --holo-gradient-1: none;
    --holo-gradient-2: none;
    --bg-opacity: 0;
    --overlay-opacity: 0;
    color: var(--black);
}

/* Ensure skill cards are readable in light theme */
body[data-theme="light"] .skill-card {
    color: var(--black);
}

/* Override text color for specific sections */
body[data-theme="light"] #skills,
body[data-theme="light"] #skills *,
body[data-theme="light"] #experience,
body[data-theme="light"] #experience * {
    color: var(--beige) !important;
}

/* Section text colors */
body[data-theme="light"] .about-section,
body[data-theme="light"] .hero,
body[data-theme="light"] .portfolio-section,
body[data-theme="light"] .contact-section,
body[data-theme="light"] .footer {
    color: var(--black);
}

body[data-theme="light"] .skills-section,
body[data-theme="light"] .experience-section {
    color: var(--beige);
}