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

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

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

/* Additional text color overrides for dark theme */
body[data-theme="dark"] p,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .card-text,
body[data-theme="dark"] .card-title,
body[data-theme="dark"] label,
body[data-theme="dark"] .portfolio-title,
body[data-theme="dark"] .portfolio-content p {
    color: #f5f5dc !important;
}

/* Ensure skill cards have a dark background and white text */
body[data-theme="dark"] .skill-card {
    color: #000;
}

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

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

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