/**

 * Páginas públicas de autenticação — login, registro, reset de senha

 * Alinhado ao app autenticado: fundo neutro, roxo só em CTA primário

 */



body.public-auth {

  font-family: var(--font-sans);

  font-size: var(--text-base);

  color: var(--text-primary);

  line-height: 1.6;

}



body.public-auth .auth-hero-title {

  font-size: var(--text-2xl);

  font-weight: var(--weight-bold);

  color: var(--text-primary);

  letter-spacing: -0.025em;

}



body.public-auth .auth-hero-subtitle {

  font-size: var(--text-base);

  color: var(--text-secondary);

}



body.public-auth .auth-card-title {

  font-size: var(--text-xl);

  font-weight: var(--weight-semibold);

  color: var(--text-primary);

}



body.public-auth .auth-card-subtitle {

  font-size: var(--text-sm);

  color: var(--text-secondary);

}



body.public-auth .form-group label {

  font-size: var(--text-sm);

  font-weight: var(--weight-medium);

  color: var(--text-primary);

}



body.public-auth .btn-primary {

  background: var(--brand-500);

  color: var(--text-inverse);

  border: none;

  font-weight: var(--weight-semibold);

  font-size: var(--text-base);

}



body.public-auth .btn-primary:hover {

  background: var(--brand-600);

}



body.public-auth .tab-button {

  font-size: var(--text-sm);

  font-weight: var(--weight-medium);

  color: var(--text-secondary);

}



body.public-auth .tab-button.active {

  background: var(--surface-card);

  color: var(--text-primary);

  box-shadow: var(--shadow-sm);

  border: 1px solid var(--border-default);

}



body.public-auth .tab-button:not(.active):hover {

  color: var(--text-primary);

  background: var(--hover-surface);

}



body.public-auth .forgot-password a,

body.public-auth a.auth-link {

  color: var(--text-secondary);

  font-size: var(--text-sm);

  font-weight: var(--weight-medium);

  text-decoration: underline;

  text-underline-offset: 2px;

}



body.public-auth .forgot-password a:hover,

body.public-auth a.auth-link:hover {

  color: var(--text-primary);

}



body.public-auth .auth-footer {

  font-size: var(--text-sm);

  color: var(--text-muted);

}



@media (max-width: 640px) {

  body.public-auth .auth-hero-title {

    font-size: var(--text-xl);

  }

}