/* Multi-Theme System for Autocheckout */

/* CYBER THEME (Default) */
.theme-cyber {
    --neon-cyan: #00fff9;
    --neon-pink: #ff006e;
    --neon-purple: #8b00ff;
    --neon-yellow: #ffea00;
    --dark-bg: #0a0e27;
    --darker-bg: #050814;
    --card-bg: rgba(15, 20, 40, 0.85);
    --success: #00ff41;
    --danger: #ff0055;
    --warning: #ffaa00;
}

/* DARK THEME */
.theme-dark {
    --neon-cyan: #00d4ff;
    --neon-pink: #ff1744;
    --neon-purple: #7c4dff;
    --neon-yellow: #ffc400;
    --dark-bg: #121212;
    --darker-bg: #000000;
    --card-bg: rgba(30, 30, 30, 0.9);
    --success: #4caf50;
    --danger: #f44336;
    --warning: #ff9800;
}

/* NEON THEME */
.theme-neon {
    --neon-cyan: #00ffff;
    --neon-pink: #ff00ff;
    --neon-purple: #8000ff;
    --neon-yellow: #ffff00;
    --dark-bg: #1a0033;
    --darker-bg: #0d0019;
    --card-bg: rgba(26, 0, 51, 0.9);
    --success: #00ff00;
    --danger: #ff0066;
    --warning: #ffcc00;
}

/* OCEAN THEME */
.theme-ocean {
    --neon-cyan: #00bcd4;
    --neon-pink: #e91e63;
    --neon-purple: #3f51b5;
    --neon-yellow: #ffc107;
    --dark-bg: #0d1b2a;
    --darker-bg: #050a14;
    --card-bg: rgba(13, 27, 42, 0.9);
    --success: #4caf50;
    --danger: #f44336;
    --warning: #ff9800;
}

/* FIRE THEME */
.theme-fire {
    --neon-cyan: #ff6b35;
    --neon-pink: #ff1744;
    --neon-purple: #d32f2f;
    --neon-yellow: #ffc107;
    --dark-bg: #1a0000;
    --darker-bg: #0d0000;
    --card-bg: rgba(26, 0, 0, 0.9);
    --success: #4caf50;
    --danger: #ff1744;
    --warning: #ff9800;
}

/* FOREST THEME */
.theme-forest {
    --neon-cyan: #4caf50;
    --neon-pink: #8bc34a;
    --neon-purple: #2e7d32;
    --neon-yellow: #cddc39;
    --dark-bg: #0d1b0d;
    --darker-bg: #050a05;
    --card-bg: rgba(13, 27, 13, 0.9);
    --success: #4caf50;
    --danger: #f44336;
    --warning: #ff9800;
}

/* ROYAL THEME */
.theme-royal {
    --neon-cyan: #9c27b0;
    --neon-pink: #e91e63;
    --neon-purple: #673ab7;
    --neon-yellow: #ffc107;
    --dark-bg: #1a0033;
    --darker-bg: #0d0019;
    --card-bg: rgba(26, 0, 51, 0.9);
    --success: #4caf50;
    --danger: #f44336;
    --warning: #ff9800;
}

/* Apply theme to body */
body {
    background: linear-gradient(135deg, var(--dark-bg) 0%, var(--darker-bg) 100%);
    color: var(--neon-cyan);
}