/**
 * auth.css – 로그인/회원가입/OTP 전용 보정
 * 테마 변수 기반으로 라이트/다크 모드를 통일한다.
 */

.pf-auth-card {
  border: 1px solid var(--pf-border);
  background: var(--pf-surface);
  color: var(--pf-text);
}

.pf-auth-card .card-body {
  background: var(--pf-surface);
  color: var(--pf-text);
}

.pf-auth-card .form-label {
  color: var(--pf-text);
  font-weight: 500;
}

.pf-auth-card .form-control {
  background-color: var(--pf-bg);
  border-color: var(--pf-input-border);
  color: var(--pf-text);
}

.pf-auth-card .form-control::placeholder {
  color: var(--pf-text-muted);
}

.pf-auth-card .form-control:focus {
  background-color: var(--pf-bg);
  border-color: var(--pf-input-focus);
  color: var(--pf-text);
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.2);
}

.pf-auth-card .form-control.is-invalid,
.pf-auth-card .form-control.is-invalid:focus {
  border-color: var(--pf-input-error);
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.15);
}

.pf-auth-card .form-control.is-valid,
.pf-auth-card .form-control.is-valid:focus {
  border-color: var(--pf-input-success);
  box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.15);
}

.pf-auth-card .invalid-feedback {
  color: var(--pf-input-error);
}

.pf-auth-card .text-muted,
.pf-auth-card a.text-muted {
  color: var(--pf-text-muted) !important;
}