/* Dark theme – same gradient structure, darker tones (inherits font from style.css) */
body.theme-dark {
    font-family: 'Poppins', sans-serif;
}

.theme-dark.page-bg-index {
    background: #000000;
}

.theme-dark .get-started-card {
    background: #f1f3f5;
}

.theme-dark .hero-cta-bg {
    background-image: url("../images/cta/mara-cta-header.png");
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center calc(-70vh);
    background-repeat: no-repeat;
}

.theme-dark .contact-cta-bg {
    background-image: url("../images/cta/mara-cta-header.png");
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

@media (min-width: 1800px) {
    .theme-dark .hero-cta-bg {
        background-position: center calc(-92vh);
    }
}

@media (max-width: 767px){
    .theme-dark .hero-cta-bg {
        background-position: center calc(10vh);
    }
} 


/* Blue → purple gradient for dark theme testimonial (matches index.php stat cards: blue-50, purple-100) */
.theme-dark .testimonial-gradient {
    background: linear-gradient(135deg, #93c5fd 0%, #e9d5ff 60%);
}

/* Stat card gradients */
.theme-dark .gradient {
    position: relative;
    overflow: hidden;
}

.theme-dark .gradient::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.theme-dark .gradient::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.theme-dark .gradient > * {
    position: relative;
    z-index: 1;
}

.theme-dark .gradient.bg-box-1::after {
    background: rgba(0, 0, 0, 0.3);
}

.theme-dark .gradient.bg-box-2::after {
    background: rgba(255, 255, 255, 0.35);
}