/* Estilos personalizados */
body {
    font-family: 'Inter', sans-serif;
}

/* Classes para os botões de opção */
.option-btn {
    transition: all 0.2s ease-in-out;
}

.option-btn.correct {
    background-color: #22c55e; /* green-500 */
    border-color: #16a34a; /* green-700 */
    color: white;
    transform: scale(1.02); /* CORRIGIDO: Adicionado ponto-e-vírgula */
}

.option-btn.wrong {
    background-color: #ef4444; /* red-500 */
    border-color: #dc2626; /* red-700 */
    color: white;
}
    
/* Desabilita eventos de ponteiro após a resposta */
.answered .option-btn {
    pointer-events: none;
}
    
/* Transição suave para a barra de tempo */
#timer-bar {
    transition: width 0.1s linear, background-color 0.3s ease;
}

/* CORREÇÃO: Removida a regra vazia 'input[type="file"]' que causava o aviso no VSCode */

/* Transição suave para o fundo da página */
#main-body {
    transition: background-color 0.5s ease, background-image 0.5s ease;
}
    
/* Ajuste de altura para o seletor de cor */
input[type="color"] {
    height: 50px; /* Garante altura consistente com outros inputs */
}