/* Frappe's own sign-in and password pages in the client's colours
   (FILES/color_preferences.pdf, 2026-10-08): cream page, white card, indigo
   button, orange for the "forgot password" style links (navigation). Scoped to
   those pages only; every other website page is untouched. */
body[data-path="login"],
body[data-path="update-password"] {
  --primary: #423a8e;
  --primary-color: #423a8e;
  --brand-color: #423a8e;
  --btn-primary: #423a8e;
  --text-color: #2a1a10;
  --heading-color: #2a1a10;
  --text-muted: #475569;
  --text-light: #475569;
  --border-color: #ffe0c7;
  --control-bg: #ffffff;
  background-color: #fff7ef;
  color: #2a1a10;
}
body[data-path="login"] .page-card,
body[data-path="update-password"] .page-card {
  background: #ffffff;
  border: 1px solid #ffe0c7;
  box-shadow: none;
}
body[data-path="login"] .form-control,
body[data-path="update-password"] .form-control {
  background: #ffffff;
  border: 1px solid #ffd2ad;
  color: #2a1a10;
}
body[data-path="login"] .form-control:focus,
body[data-path="update-password"] .form-control:focus {
  border-color: #423a8e;
  box-shadow: none;
}
body[data-path="login"] .btn-primary,
body[data-path="update-password"] .btn-primary {
  background: #423a8e;
  border-color: #423a8e;
  color: #ffffff;
}
body[data-path="login"] .btn-primary:hover,
body[data-path="update-password"] .btn-primary:hover {
  background: #181824;
  border-color: #181824;
}
body[data-path="login"] a,
body[data-path="update-password"] a {
  color: #ff6a13;
}

/* Frappe styles these few pieces with fixed greys of its own, so they are set
   directly here. */
body[data-path="login"] a:not(.btn),
body[data-path="update-password"] a:not(.btn) {
  color: #ff6a13 !important;
}
body[data-path="login"] .btn-default,
body[data-path="login"] .btn-login-option {
  background: #fff7ef !important;
  border: 1px solid #ffd2ad !important;
  color: #5a3a25 !important;
}
body[data-path="login"] .form-control::placeholder,
body[data-path="update-password"] .form-control::placeholder {
  color: #8a6a55;
}
body[data-path="login"] .login-divider,
body[data-path="login"] .toggle-password,
body[data-path="login"] .text-muted {
  color: #475569 !important;
}
body[data-path="login"] .field-icon,
body[data-path="login"] svg.icon,
body[data-path="login"] .icon use {
  color: #475569;
  stroke: #475569;
  --icon-stroke: #475569;
}