/* =====================================================
   AUTH - Estilos para login y registro
   ===================================================== */

/* Variables de colores de autenticación */
:root {
  --auth-primary: #6C63FF;
  --auth-secondary: #FF9900;
  --auth-accent: #007ACC;
  --auth-success: #4CAF50;
  --auth-danger: #F44336;
  --auth-bg-light: #FFF8EF;
}

/* Login */
.login-accent-bg {
  background-color: var(--auth-accent);
}

.login-light-bg {
  background-color: var(--auth-bg-light);
}

.login-danger-bg {
  background-color: var(--auth-danger);
  color: white;
}

.login-danger-text {
  color: var(--auth-danger);
}

.login-accent-border {
  border-color: var(--auth-accent);
}

.login-success-border {
  border-color: var(--auth-success);
}

.login-success-bg {
  background-color: var(--auth-success);
}

.login-accent-text {
  color: var(--auth-accent);
}

/* Registro */
.register-primary-bg {
  background-color: var(--auth-primary);
}

.register-card-bg {
  background-color: #fff;
  border-color: #ddd !important;
}

.register-secondary-bg {
  background-color: var(--auth-secondary);
}

.register-primary-btn {
  background-color: var(--auth-primary);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}

.register-primary-btn:hover {
  background-color: #5a52e0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(108, 99, 255, 0.3);
}

.register-white-bg {
  background-color: #fff;
}

.register-secondary-btn {
  background-color: var(--auth-secondary);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}

.register-secondary-btn:hover {
  background-color: #e68900;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(255, 153, 0, 0.3);
}

/* Clases específicas de registro */
.color-register { 
  border-color: var(--auth-accent);
}

.background-register { 
  background-color: var(--auth-accent); 
}