@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Fraunces:wght@500;600&display=swap');

body.task-login {
  background: #F4F7F1 !important;
  font-family: 'Inter', sans-serif;
}

#logo {
  background-image: none !important;
  width: auto !important;
  height: auto !important;
  font-family: 'Fraunces', serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #14110B !important;
  text-align: center !important;
}

body.task-login .form-control,
body.task-login input[type="text"],
body.task-login input[type="password"] {
  background: #FFFDF9 !important;
  border: 1px solid #D2C6AF !important;
  color: #221D15 !important;
  border-radius: 8px !important;
}

body.task-login .form-control:focus,
body.task-login input:focus {
  border-color: #5F7A47 !important;
  box-shadow: 0 0 0 2px rgba(95, 122, 71, 0.25) !important;
  outline: none;
}

body.task-login .input-group-text {
  background: #F3EEE5 !important;
  border: 1px solid #D2C6AF !important;
  color: #6B5F4E !important;
}

body.task-login button,
body.task-login .btn,
body.task-login input[type="submit"] {
  background: #5F7A47 !important;
  border-color: #5F7A47 !important;
  color: #FFFDF9 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

body.task-login button:hover,
body.task-login .btn:hover {
  background: #4C6339 !important;
  border-color: #4C6339 !important;
}

body.task-login a {
  color: #4C6339 !important;
}

body.task-login #login-footer {
  color: #6B5F4E !important;
  text-align: center !important;
  margin-top: 16px !important;
  font-size: 13px !important;
}