/* ========================================
   THEMES.CSS - Sistema Temi PizzaFactory 2.0
   3 Temi: Default, Dark Mode, Sunset
   ======================================== */

/* ==================== TEMA DEFAULT (già in base.css) ==================== */
/* Verde #71a894, Giallo #f4c063 - Caricato automaticamente */

/* ==================== TEMA DARK MODE 🌙 ==================== */
[data-theme="dark"] {
    /* Colori Principali */
    --primary-color: #4db8a0;
    --primary-dark: #3a9a88;
    --primary-light: #1e3d38;
    --primary-hover: #60c9af;
    
    /* Giallo (più vivido su dark) */
    --accent-yellow: #ffd966;
    --accent-yellow-dark: #f0c757;
    --accent-yellow-light: #3d3520;
    --accent-yellow-hover: #ffe285;
    
    /* Rosso (neon) */
    --accent-red: #ff6b7a;
    --accent-red-dark: #e65965;
    --accent-red-light: #3d2426;
    --accent-red-hover: #ff8594;
    
    /* Beige → Grigio scuro */
    --accent-beige: #3a3a3a;
    --accent-beige-dark: #2d2d2d;
    --accent-beige-light: #1e1e1e;
    
    /* Secondari */
    --secondary-color: #2d2d2d;
    --secondary-dark: #1e1e1e;
    
    /* Feedback */
    --success-color: #66bb6a;
    --success-light: #1e3d20;
    --warning-color: #ffa726;
    --warning-light: #3d2f1a;
    --error-color: #ef5350;
    --error-light: #3d1e1e;
    --info-color: #42a5f5;
    --info-light: #1a2f3d;
    
    /* Testo */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-light: #808080;
    --text-white: #ffffff;
    
    /* Background */
    --bg-white: #1e1e1e;
    --bg-light: #151515;
    --bg-dark: #0d0d0d;
    
    /* Bordi */
    --border-light: #3a3a3a;
    --border-medium: #4a4a4a;
    --border-dark: #606060;
    
    /* Ombre (più intense) */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 28px rgba(0,0,0,0.6);
    --shadow-xl: 0 12px 40px rgba(0,0,0,0.7);
    
    --shadow-primary: 0 4px 16px rgba(77, 184, 160, 0.4);
    --shadow-yellow: 0 4px 16px rgba(255, 217, 102, 0.4);
    --shadow-red: 0 4px 16px rgba(255, 107, 122, 0.4);
}

/* ==================== TEMA SUNSET 🌅 ==================== */
[data-theme="sunset"] {
    /* Arancio Primario */
    --primary-color: #ff7043;
    --primary-dark: #e64a19;
    --primary-light: #ffe0d6;
    --primary-hover: #ff8a65;
    
    /* Viola Accento */
    --accent-yellow: #ab47bc;
    --accent-yellow-dark: #8e24aa;
    --accent-yellow-light: #f3e5f5;
    --accent-yellow-hover: #ba68c8;
    
    /* Rosa Corallo */
    --accent-red: #ff5252;
    --accent-red-dark: #d32f2f;
    --accent-red-light: #ffebee;
    --accent-red-hover: #ff6e6e;
    
    /* Pesca Beige */
    --accent-beige: #ffccbc;
    --accent-beige-dark: #ffab91;
    --accent-beige-light: #fff3e0;
    
    /* Secondari */
    --secondary-color: #fafafa;
    --secondary-dark: #eeeeee;
    
    /* Feedback */
    --success-color: #66bb6a;
    --success-light: #e8f5e9;
    --warning-color: #ffa726;
    --warning-light: #fff3e0;
    --error-color: #ef5350;
    --error-light: #ffebee;
    --info-color: #29b6f6;
    --info-light: #e1f5fe;
    
    /* Testo */
    --text-primary: #4a2c2a;
    --text-secondary: #795548;
    --text-light: #a1887f;
    --text-white: #ffffff;
    
    /* Background */
    --bg-white: #ffffff;
    --bg-light: #fff8f5;
    --bg-dark: #fce4ec;
    
    /* Bordi */
    --border-light: #ffccbc;
    --border-medium: #ffab91;
    --border-dark: #ff8a65;
    
    /* Ombre (calde) */
    --shadow-sm: 0 2px 4px rgba(255, 112, 67, 0.15);
    --shadow-md: 0 4px 12px rgba(255, 112, 67, 0.2);
    --shadow-lg: 0 8px 24px rgba(255, 112, 67, 0.25);
    --shadow-xl: 0 12px 36px rgba(255, 112, 67, 0.3);
    
    --shadow-primary: 0 4px 12px rgba(255, 112, 67, 0.3);
    --shadow-yellow: 0 4px 12px rgba(171, 71, 188, 0.3);
    --shadow-red: 0 4px 12px rgba(255, 82, 82, 0.3);
}

/* ==================== TRANSIZIONI SMOOTH ==================== */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

* {
    transition: background-color 0.3s ease, 
                border-color 0.3s ease, 
                box-shadow 0.3s ease,
                color 0.3s ease;
}

/* Disabilita transizioni su alcuni elementi */
input, button, select, textarea {
    transition: background-color 0.2s ease, 
                border-color 0.2s ease, 
                box-shadow 0.2s ease;
}