/* Blevins Civic identity system for Frappe and ERPNext. */

:root {
  --bh-midnight: #071d3b;
  --bh-navy: #103664;
  --bh-blue: #1d5d98;
  --bh-brass: #b48943;
  --bh-brass-light: #f3ead8;
  --bh-paper: #fffdfa;
  --bh-canvas: #f4f1eb;
  --bh-ink: #17283b;
  --bh-muted: #5d6b7a;
  --bh-line: #d5dce5;

  --primary: var(--bh-navy);
  --primary-color: var(--bh-navy);
  --primary-color-hover: var(--bh-midnight);
  --link-color: var(--bh-blue);
  --text-color: var(--bh-ink);
  --fg-color: var(--bh-ink);
  --bg-color: var(--bh-canvas);
  --card-bg: var(--bh-paper);
  --border-color: var(--bh-line);
}

body,
.desk-page,
.layout-main-section,
.page-container {
  background: var(--bh-canvas);
  color: var(--bh-ink);
  font-family: Inter, Avenir Next, Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
}

.navbar,
.navbar-home,
.page-head {
  border-color: rgba(180, 137, 67, 0.44);
}

.navbar,
.navbar-home {
  background: var(--bh-midnight);
  color: #fff;
  box-shadow: 0 3px 15px rgba(7, 29, 59, 0.18);
}

.navbar a,
.navbar-home a,
.navbar .nav-link,
.navbar-home .nav-link,
.navbar .dropdown-toggle {
  color: #fff;
}

.navbar a:hover,
.navbar-home a:hover,
.navbar .nav-link:hover,
.navbar-home .nav-link:hover {
  color: #f5dba6;
}

.standard-sidebar,
.desk-sidebar,
.sidebar-menu {
  background: #f8f6f1;
  border-right: 1px solid var(--bh-line);
}

.standard-sidebar .standard-sidebar-item.selected,
.desk-sidebar .sidebar-item.selected,
.sidebar-menu .active {
  border-left: 3px solid var(--bh-brass);
  background: #e9eef4;
  color: var(--bh-midnight);
  font-weight: 700;
}

.page-head {
  background: var(--bh-paper);
  box-shadow: 0 4px 13px rgba(7, 29, 59, 0.05);
}

.page-title,
.page-title .title-text,
.form-section .section-head,
.widget-head .widget-title {
  color: var(--bh-midnight);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.012em;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
  border-color: var(--bh-navy);
  background: var(--bh-navy);
  color: #fff;
  border-radius: 7px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  border-color: var(--bh-midnight);
  background: var(--bh-midnight);
  box-shadow: 0 0 0 3px rgba(180, 137, 67, 0.22);
}

.form-control:focus,
.control-input:focus,
.input-with-feedback:focus {
  border-color: var(--bh-brass);
  box-shadow: 0 0 0 3px rgba(180, 137, 67, 0.18);
}

.card,
.form-dashboard-section,
.widget,
.number-card,
.frappe-control {
  border-color: var(--bh-line);
  background: var(--bh-paper);
}

.list-row:hover,
.form-grid .grid-row:hover {
  background: #f9f0df;
}

a,
.link-btn {
  color: var(--bh-blue);
}

a:hover,
a:focus,
.link-btn:hover,
.link-btn:focus {
  color: var(--bh-navy);
}

.blevins-civic-brand {
  display: block;
  width: min(15rem, 54vw);
  max-height: 2.35rem;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 47rem) {
  .blevins-civic-brand {
    width: 10rem;
  }
}