body {
    background-color: var(--bg-light);
    color: var(--text-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

.site-header {
    background-color: var(--bg-light);
    box-shadow: var(--box-shadow);
}

.main-nav a {
    color: var(--text-dark);
}

#theme-toggle {
    color: var(--text-dark);
}

.mobile-menu-toggle span {
    background-color: var(--text-dark);
}

.about-overview {
    background-color: var(--bg-gray);
}

.flip-card-front {
    background-color: var(--bg-light);
    color: var(--text-dark);
}

.services-section {
    background-color: var(--bg-light);
}

.service-card, .job-card {
    background-color: var(--bg-light);
    color: var(--text-dark);
}

.testimonials-section {
    background-color: var(--bg-gray);
}

.testimonial-content {
    background-color: var(--bg-light);
    color: var(--text-dark);
}

.testimonial-content:after {
    background-color: var(--bg-light);
}

.job-opportunities {
    background-color: var(--bg-light);
}

.events-section {
    background-color: var(--bg-gray);
}

.event-card {
    background-color: var(--bg-light);
}

.btn-outline {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline:hover {
    background-color: var(--primary-color);
    color: var(--text-light);
}