/* PlanB "Foundry" theme: login page only. Colour, border, radius, weight and font family; sizes unchanged. */

@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/ibm-plex-sans/complete/woff2/IBMPlexSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("../assets/fonts/ibm-plex-sans/complete/woff2/IBMPlexSans-Medium.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../assets/fonts/ibm-plex-sans/complete/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"); }

html body {
  font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background-color: #f3f2ef;
  color: #16181b;
  -webkit-font-smoothing: antialiased;
  border-top: 4px solid transparent;
  border-image: repeating-linear-gradient(-45deg, #f2a900 0 9px, #16181b 9px 18px) 4;
}

html body .header {
  margin-top: 4vh;
  background-color: #ffffff;
  border: 1px solid #e3e1dc;
  border-radius: 10px;
}
html body .welcome-text,
html body .welcome-text h5 {
  color: #16181b;
  font-style: normal;
  font-weight: 600;
}

html body .body { border: 0; }

html body .login-form {
  border: 1px solid #e3e1dc;
  border-radius: 12px;
  box-shadow: inset 0 3px 0 #f2a900, 0 24px 48px -24px rgba(22, 24, 27, 0.25);
}

html body .login-form label { color: #3b3f46; font-weight: 600; }

html body .login-form .form-control {
  color: #16181b;
  border: 1px solid #8d8981;
  border-radius: 6px;
}
html body .login-form .form-control:hover { border-color: #3b3f46; }
html body .login-form .form-control:focus {
  border-color: #b87800;
  box-shadow: 0 0 0 3px rgba(242, 169, 0, 0.38);
}
html body .login-form ::placeholder { color: #9a968e; }

html body .login-form .btn {
  background-color: #16181b;
  border-color: #16181b;
  color: #ffffff;
  border-radius: 6px;
  font-weight: 600;
}
html body .login-form .btn:hover { background-color: #2b2e33; border-color: #2b2e33; }
html body .login-form .btn:focus { box-shadow: 0 0 0 3px rgba(242, 169, 0, 0.38); }

html body .login-form strong { color: #c03a2b; }