/* style.css */
:root {
    --primary-color: #1e293b; /* Slate 800 */
    --accent-color: #3b82f6;  /* Blue 500 */
}

.tema-beta {
    --primary-color: #78350f; /* Amber 900 */
    --accent-color: #f59e0b;  /* Amber 500 */
}

.testo-titolo { color: var(--primary-color); }
.bg-pulsante { background-color: var(--accent-color); }
.testo-voto { color: var(--accent-color); }

/* Aggiungi qui altri stili personalizzati... */
/* Impedisce lo zoom automatico su iPhone quando si clicca sui campi */
input, textarea { 
    font-size: 16px !important; 
}

/* Nasconde la scrollbar ma permette lo scorrimento */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Sistema di valutazione a stelle */
.star-rating { 
    font-size: 2.2rem; 
    color: #ddd; 
    cursor: pointer; 
}
.star-active { 
    color: var(--accent-color); 
}

/* Animazioni Vue (Fade) */
.fade-enter-active, .fade-leave-active { 
    transition: all 0.3s ease; 
}
.fade-enter-from, .fade-leave-to { 
    opacity: 0; 
    transform: translateY(20px); 
}