/* V9 Themes Module */
import { state } from './state.js';

export const THEMES = [
    {
        name: 'Neon Cyber',
        fillColor: '#00ffcc',
        fillColor2: '#ff00ff',
        strokeColor: '#ffffff',
        bgColor: '#0a0a12',
        glow: 20
    },
    {
        name: 'Deep Ocean',
        fillColor: '#00b4db',
        fillColor2: '#0083b0',
        strokeColor: '#7fffd4',
        bgColor: '#001f3f',
        glow: 10
    },
    {
        name: 'Sunset Vibe',
        fillColor: '#ff4e50',
        fillColor2: '#f9d423',
        strokeColor: '#ffecd2',
        bgColor: '#2b0c0d',
        glow: 15
    },
    {
        name: 'Matrix',
        fillColor: '#00ff00',
        fillColor2: '#003300',
        strokeColor: '#ccffcc',
        bgColor: '#000000',
        glow: 8
    },
    {
        name: 'Golden Hour',
        fillColor: '#bf953f',
        fillColor2: '#fcf6ba',
        strokeColor: '#fff5c3',
        bgColor: '#1a1006',
        glow: 25
    }
];

export function applyTheme(index) {
    if (!THEMES[index]) return;
    const t = THEMES[index];

    state.fillColor = t.fillColor;
    state.fillColor2 = t.fillColor2;
    state.strokeColor = t.strokeColor;
    state.bgColor = t.bgColor;
    state.glow = t.glow;
    state.useGradient = true;

    // Dispatch event to update UI controls
    window.dispatchEvent(new CustomEvent('themeChanged', { detail: t }));
}