<script>
document.addEventListener("DOMContentLoaded", function () {
    // IDs ou classes que ativam o modo dark
    const darkSections = [
        "#color-section1",
        "#color-section2",
        "#color-footer"
    ];

    const body = document.body; // O fundo da página inteira
    const offset = 100; // Ajuste o valor do offset conforme necessário

    window.addEventListener("scroll", function () {
        let isDarkMode = false;

        darkSections.forEach(selector => {
            const section = document.querySelector(selector);
            if (section) {
                const rect = section.getBoundingClientRect();
                const windowHeight = window.innerHeight;

                // Verifica se qualquer uma das seções está visível com o offset
                if (rect.top <= windowHeight - offset && rect.bottom >= offset) {
                    isDarkMode = true;
                }
            }
        });

        // Aplica o modo dark se qualquer seção estiver visível
        if (isDarkMode) {
            body.style.backgroundColor = "#303030";
        } else {
            body.style.backgroundColor = "#ffffff";
        }
    });
});



</script>