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

/* Variables de colores de autenticación - Otra Instancia */
:root {
  --auth-primary: #8B9A7A;
  --auth-secondary: #C4956C;
  --auth-accent: #6B7B5A;
  --auth-success: #7A8B6B;
  --auth-danger: #B85450;
  --auth-bg-light: #F5F2E8;
}

/* 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: #E8E2D5 !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: #7A8B6B;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(139, 154, 122, 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: #B8845C;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(196, 149, 108, 0.3);
}

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

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