/* main.css */

/* Variables de ejemplo */
:root {
  --primary-color: #0d6efd;
  --secondary-color: #6c757d;
  --success-color: #198754;
  --danger-color: #dc3545;
  --light-color: #f8f9fa;
  --dark-color: #212529;
}

/* Fondo general y tipografía */
body {
  font-family: Arial, sans-serif;
  background-color: var(--light-color);
  color: var(--dark-color);
  margin: 0;
  padding: 0;
}

/* Personalización de la card */
.card {
  border-radius: 10px;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Ajuste de títulos */
h1, h2, h3 {
  font-weight: 600;
}

/* Personalización de botones (opcional, ya que Bootstrap ya aplica estilos) */
.btn-success {
  background-color: var(--success-color);
  border-color: var(--success-color);
}

/* Transición suave para el feedback */
#loginFeedback,
#registerFeedback {
  transition: opacity 0.5s ease;
}