/* erawho branding — orange */
:root{
  --blue:#f97316;
}

body, input, button, textarea, select, h1, h2, h3 {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ---- login ---- */
body.login main,
#login {
  background: #fff7f1;
}

#login {
  box-shadow: 0 2px 6px 0 rgba(154,52,18,.15);
  border-radius: 16px;
  padding: 36px 32px 30px;
  background: #ffffff;
  border: 1px solid #f6e5d8;
}

#login .logo,
#login img {
  width: 72px !important;
  height: 72px !important;
  filter: none !important;
}

#login h1 {
  color: #3a2416;
  font-weight: 700;
  letter-spacing: -.3px;
}

#login input:not(.button) {
  border: 1px solid #f1d8c4 !important;
  border-radius: 10px !important;
  background: #fffaf6 !important;
  color: #3a2416 !important;
  transition: border-color .15s, box-shadow .15s;
}
#login input:not(.button):focus {
  border-color: #f97316 !important;
  box-shadow: 0 0 0 3px rgba(249,115,22,.15) !important;
  outline: none !important;
}

#login .button,
#login button[type="submit"] {
  background: #f97316 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: background .15s;
}
#login .button *, #login button[type="submit"] * { color: #ffffff !important; }
#login .button:hover,
#login button[type="submit"]:hover {
  background: #ea580c !important;
}

/* accents across the app */
.button--flat { color: #f97316 !important; }
#breadcrumbs span a:hover { color: #f97316 !important; }
.action:hover i,
.action.active i { color: #f97316 !important; }