document.addEventListener('DOMContentLoaded', function() { // Theme switcher functionality const themeToggle = document.getElementById('theme-toggle'); if (themeToggle) { themeToggle.addEventListener('click', function() { document.documentElement.classList.toggle('dark'); localStorage.setItem('darkMode', document.documentElement.classList.contains('dark')); }); } // Initialize dark mode from localStorage if (localStorage.getItem('darkMode') === 'true') { document.documentElement.classList.add('dark'); } // Form validation example const formInputs = document.querySelectorAll('input, select, textarea'); formInputs.forEach(input => { input.addEventListener('focus', function() { this.parentElement.classList.add('ring-1', 'ring-primary-500'); }); input.addEventListener('blur', function() { this.parentElement.classList.remove('ring-1', 'ring-primary-500'); }); }); });