/* Shared authentication presentation layer; it preserves existing forms and submit flows. */
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #2563eb !important;
  outline-offset: 2px;
}

.auth-left {
  background: linear-gradient(145deg, #0f172a 0%, #1e40af 55%, #2563eb 100%);
}

.auth-left .role-pill {
  border-radius: 10px;
}

.auth-right {
  background: #fff;
}

.form-control,
.glass-input {
  border-color: #cbd5e1;
  border-radius: 8px;
}

.form-control:focus,
.glass-input:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}

.btn-submit,
form button[type="submit"] {
  background: #2563eb;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(37, 99, 235, .28);
}

.btn-submit:hover,
form button[type="submit"]:hover {
  background: #1d4ed8;
}

.form-top-badge,
.modal-icon {
  color: #1d4ed8;
}

.auth-page .forgot-link,
.auth-page .register-link a {
  color: #2563eb;
}

header .bg-emerald-500 {
  background-color: #2563eb;
}

main a.text-emerald-600 {
  color: #2563eb;
}

.glow {
  background: radial-gradient(circle, rgba(37, 99, 235, .10) 0%, transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}