/* Variabili CSS globali — colori cambiano per modalità */
:root {
    --bg-primary: #0f0f1a;
    --bg-card: rgba(26, 26, 46, 0.85);
    --bg-card-solid: #1a1a2e;
    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --text-muted: #6b7280;
    --border-radius: 16px;
    --border-radius-sm: 8px;
    --accent: #4fc3f7;
    --accent-gradient-start: #0d47a1;
    --accent-gradient-end: #1976d2;
    --accent-glow: rgba(79, 195, 247, 0.3);
    --danger: #ef4444;
    --success: #22c55e;
    --warning: #f59e0b;
    --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}

/* Modalità Freddo (default) */
[data-modalita="freddo"] {
    --accent: #4fc3f7;
    --accent-gradient-start: #0d47a1;
    --accent-gradient-end: #1976d2;
    --accent-glow: rgba(79, 195, 247, 0.3);
}

/* Modalità Caldo */
[data-modalita="caldo"] {
    --accent: #ff7043;
    --accent-gradient-start: #bf360c;
    --accent-gradient-end: #e64a19;
    --accent-glow: rgba(255, 112, 67, 0.3);
}

/* Modalità Deumidificazione */
[data-modalita="deumidificazione"] {
    --accent: #66bb6a;
    --accent-gradient-start: #1b5e20;
    --accent-gradient-end: #388e3c;
    --accent-glow: rgba(102, 187, 106, 0.3);
}