document.addEventListener('DOMContentLoaded', function() {
    // Initialize any interactive elements here
    console.log('Pixel Palette Explorer loaded!');
    
    // Example: Add click event to color swatches
    const colorSwatches = document.querySelectorAll('[class*="bg-"]');
    colorSwatches.forEach(swatch => {
        swatch.addEventListener('click', function() {
            const colorClass = Array.from(this.classList)
                .find(cls => cls.startsWith('bg-'));
            const colorName = colorClass ? colorClass.replace('bg-', '') : 'unknown';
            console.log(`Selected color: ${colorName}`);
        });
    });
});