/* FMH Brand Guidelines 2026 — desk login / password pages.
 * Scoped by data-path so other website pages (landing app) are unaffected.
 */

body[data-path="login"],
body[data-path="update-password"] {
  --font-stack: "Noto Kufi Arabic", "Inter", "Segoe UI", system-ui, sans-serif;
  --primary: #284682;
  --btn-primary: #284682;
  --border-primary: #284682;
  --focus-default: 0px 0px 0px 2px rgba(137, 203, 240, 0.7);
  background-color: #f5f7f9;
}

body[data-path="login"] .page-card-head img,
body[data-path="update-password"] .page-card-head img {
  max-height: 72px;
  width: auto;
}

body[data-path="login"] .btn.btn-primary,
body[data-path="update-password"] .btn.btn-primary {
  color: #ffffff;
  background-color: #284682;
  border-color: #284682;
}

body[data-path="login"] .btn.btn-primary:hover,
body[data-path="login"] .btn.btn-primary:focus,
body[data-path="update-password"] .btn.btn-primary:hover,
body[data-path="update-password"] .btn.btn-primary:focus {
  background-color: #1f3768;
  border-color: #1f3768;
}