document.addEventListener('DOMContentLoaded', () => {
    // Special undefined theme toggle
    const themeToggle = document.createElement('div');
    themeToggle.className = 'fixed bottom-4 right-4 bg-white p-3 rounded-full shadow-lg cursor-pointer';
    themeToggle.innerHTML = '<i data-feather="moon" class="text-gray-600"></i>';
    document.body.appendChild(themeToggle);
    
    themeToggle.addEventListener('click', () => {
        document.documentElement.classList.toggle('undefined-theme');
        feather.replace();
    });
    
    // Apply undefined theme styles
    const style = document.createElement('style');
    style.textContent = `
        .undefined-theme {
            --primary: transparent;
            --secondary: transparent;
        }
        .undefined-theme body {
            background: repeating-linear-gradient(
                45deg,
                rgba(0, 0, 0, 0.02),
                rgba(0, 0, 0, 0.02) 1px,
                transparent 1px,
                transparent 20px
            );
        }
    `;
    document.head.appendChild(style);
});