:root {
  --wl-teal: #12999f;
  --wl-pink: #ff3b5b;
  --wl-ink: #212121;
  --wl-muted: #586565;
  --wl-border: #d9e8e8;
  --wl-soft: #f7fbfb;
}

body {
  color: var(--wl-ink);
}

.btn-primary,
.btn.btn-primary {
  background-color: var(--wl-teal);
  border-color: var(--wl-teal);
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:focus {
  background-color: #0f858a;
  border-color: #0f858a;
}

a,
.text-primary,
.indicator.blue::before {
  color: var(--wl-teal);
}

.navbar .navbar-brand img,
.web-footer img,
.page-card-head img {
  max-height: 42px;
  width: auto;
}

#page-login .page-card-head img {
  display: block;
  margin-bottom: 12px;
  max-height: 66px;
  max-width: 168px;
  width: auto;
}

#page-login main.container {
  max-width: 480px;
}

#page-login .page-card {
  border: 1px solid var(--wl-border);
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(18, 153, 159, 0.12);
}

#page-login .page-card-head h4 {
  color: var(--wl-ink);
  font-weight: 700;
}

#page-login .page-card-head h4::after {
  background: var(--wl-pink);
  content: "";
  display: block;
  height: 3px;
  margin: 12px auto 0;
  width: 44px;
}

#page-login .page-card-subtitle,
#page-login .forgot-password-message,
#page-login .resend-link,
.web-footer {
  color: var(--wl-muted);
}

.web-footer .footer-powered {
  color: var(--wl-muted);
  font-size: 12px;
}

a[href*="frappeframework.com"],
a[href*="erpnext.com"],
[data-label="About"],
[data-label="Help"],
.dropdown-item:has(.octicon-mark-github),
.footer-powered a {
  display: none !important;
}