/* styles.css */

/* Suavizar transições de elementos interativos */
input, button, .card {
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

/* Foco destacado para inputs */
input:focus, textarea:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Espaçamento entre cards de flashcards */
#flashcard-list .card {
  margin-bottom: 0.5rem;
}

/* Ajustes para seções responsivas */
@media (max-width: 640px) {
  .card {
    padding: 1rem !important;
  }
}

/* Mensagens de alerta centralizadas */
#alert .alert {
  margin: 0 auto;
  max-width: 400px;
}