const dots = document.querySelectorAll('.lc-dots span');
const hero = document.querySelector('.lc-hero');
let activeDot = 1;

if (dots.length && hero) {
    setInterval(() => {
        dots[activeDot]?.classList.remove('active');
        activeDot = (activeDot + 1) % dots.length;
        dots[activeDot]?.classList.add('active');
    }, 4500);
}

document.querySelectorAll('.rn-mode').forEach((button) => {
    button.addEventListener('click', () => {
        document.body.classList.toggle('lc-dimmed');
    });
});
