/* Light Theme Override */
:root {
    --primary-color: #4a90e2;
    --secondary-color: #64b5f6;
    --accent-color: #81c784;
    --text-color: #4a5568;
    --light-bg: #f8f9fa;
    --card-bg: #f0f4f8;
    --hover-bg: #e8eef5;
}

/* Override dark backgrounds - using more specific selectors */
#services .service-card,
.services .service-card,
.services-grid .service-card,
.feature-card,
[class*="service-box"],
[class*="feature-box"] {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: 0 5px 15px rgba(74, 144, 226, 0.1) !important;
    border: 1px solid #e1e8f0 !important;
    transition: all 0.3s ease !important;
}

#services .service-card:hover,
.services .service-card:hover,
.services-grid .service-card:hover,
.feature-card:hover,
[class*="service-box"]:hover,
[class*="feature-box"]:hover {
    background: var(--hover-bg) !important;
    box-shadow: 0 8px 25px rgba(74, 144, 226, 0.15) !important;
    transform: translateY(-5px) !important;
}

/* Icons */
#services .service-card i,
.services .service-card i,
.services-grid .service-card i,
.feature-card i,
[class*="service-box"] i,
[class*="feature-box"] i {
    color: var(--primary-color) !important;
    background: white !important;
    border-radius: 50% !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}

/* Text elements */
#services .service-card h3,
.services .service-card h3,
.services-grid .service-card h3,
.feature-card h3,
[class*="service-box"] h3,
[class*="feature-box"] h3,
.service-title,
.feature-title {
    color: var(--text-color) !important;
    margin: 10px 0 !important;
}

#services .service-card p,
.services .service-card p,
.services-grid .service-card p,
.feature-card p,
[class*="service-box"] p,
[class*="feature-box"] p {
    color: var(--text-color) !important;
    opacity: 0.9 !important;
}

/* Links and buttons */
#services .service-card .learn-more,
.services .service-card .learn-more,
.services-grid .service-card .learn-more,
.feature-card .learn-more,
[class*="service-box"] .learn-more,
[class*="feature-box"] .learn-more,
.service-link,
.feature-link,
[class*="-button"] {
    background: var(--primary-color) !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 15px !important;
    transition: all 0.3s ease !important;
}

#services .service-card .learn-more:hover,
.services .service-card .learn-more:hover,
.services-grid .service-card .learn-more:hover,
.feature-card .learn-more:hover,
[class*="service-box"] .learn-more:hover,
[class*="feature-box"] .learn-more:hover,
.service-link:hover,
.feature-link:hover,
[class*="-button"]:hover {
    background: var(--secondary-color) !important;
    transform: translateY(-2px) !important;
}

/* Section backgrounds */
.services,
#services,
.features,
#features {
    background: var(--light-bg) !important;
    padding: 60px 0 !important;
}

/* Gradient backgrounds */
.services-hero,
.features-hero,
[class*="-hero"] {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.cta-section,
[class*="cta-"] {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Force light backgrounds on any element with dark background */
[style*="background-color:#000"],
[style*="background-color: #000"],
[style*="background-color:black"],
[style*="background-color: black"],
[style*="background:#000"],
[style*="background: #000"],
[style*="background:black"],
[style*="background: black"],
[style*="background-color:#1a1a1a"],
[style*="background-color: #1a1a1a"],
[style*="background:#1a1a1a"],
[style*="background: #1a1a1a"],
[style*="background-color:#222"],
[style*="background-color: #222"],
[style*="background:#222"],
[style*="background: #222"] {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
}