/* People & Systems branding for Frappe desk, login and web pages.
   Olive #606d39 (primary), sage #a4b28b, charcoal #50514a, cream #f6f4ee. */
:root, [data-theme="light"] {
  --ps-olive: #606d39;
  --ps-olive-deep: #4b5629;
  --ps-sage: #a4b28b;
  --ps-sage-soft: #e8ecdf;
  --ps-cream: #f6f4ee;
  --primary: var(--ps-olive);
  --primary-color: var(--ps-olive);
  --brand-color: var(--ps-olive);
  --btn-primary: var(--ps-olive);
  --text-on-primary: #fff;
  --blue-500: var(--ps-olive);
  --blue-600: var(--ps-olive-deep);
}

.btn-primary,
.btn.btn-primary {
  background-color: var(--ps-olive) !important;
  border-color: var(--ps-olive) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn.btn-primary:hover { background-color: var(--ps-olive-deep) !important; }

a, .text-primary { color: var(--ps-olive); }
.indicator-pill.blue, .indicator.blue::before { --indicator-dot-color: var(--ps-olive); }

/* Login page */
body[data-path="login"], .for-login, .page-card { font-family: inherit; }
body[data-path="login"] { background: var(--ps-cream); }
.page-card-head img.app-logo, .page-card-head .app-logo { max-height: 72px; width: auto; }
.page-card-head h4 { color: #23271a; }

/* Hide framework credits on public pages */
.footer-powered, .web-footer .footer-powered, a[href*="frappe.io"].text-muted { display: none !important; }

/* Workspace headings a touch warmer */
.ce-header, .widget-head .widget-title { color: #2e3420; }

/* Login and web form: olive primary actions, bigger mark */
.btn-login, .btn.btn-login, .btn-default.btn-login,
.web-form .btn-primary, .web-form-actions .btn, .btn-primary-dark {
  background-color: var(--ps-olive) !important;
  border-color: var(--ps-olive) !important;
  color: #fff !important;
}
.btn-login:hover { background-color: var(--ps-olive-deep) !important; }
.page-card-head img.app-logo, .for-login img.app-logo { height: 64px !important; width: auto !important; }
.navbar-brand img { height: 30px; width: auto; margin-right: 8px; vertical-align: middle; }
.navbar-brand { color: #23271a !important; font-weight: 600; }
.web-form-head h1, .web-form-title h1 { color: #3d4724; }
