document.querySelector('nav > button')?.addEventListener('click', (e) => {
    document.querySelector('nav').classList.toggle('visible');
})

document.querySelectorAll('.toggleTheme')?.forEach(
    element => element.addEventListener('click', (e) => {
            const newTheme = element.dataset.theme;
            applyTheme(newTheme);
        }
    )
);

document.querySelector('#themeDark').addEventListener('change', (e) => {
    setTheme(e.target.checked ? 'dark' : 'system');
})

document.querySelector('#themeLight').addEventListener('change', (e) => {
    setTheme(e.target.checked ? 'light' : 'system');
})