/* A compact blue identity layered on top of the PyData Sphinx Theme. */
html[data-theme="light"] {
  --pst-color-primary: #2563eb;
  --pst-color-primary-bg: #eff6ff;
  --pst-color-secondary: #0f4ca8;
  --pst-color-secondary-bg: #dbeafe;
  --pst-color-accent: #0284c7;
  --pst-color-accent-bg: #e0f2fe;
  --pst-color-link: #1d4ed8;
  --pst-color-link-hover: #1e40af;
  --pst-color-inline-code: #1e40af;
}

html[data-theme="dark"] {
  --pst-color-primary: #60a5fa;
  --pst-color-primary-bg: #172554;
  --pst-color-secondary: #93c5fd;
  --pst-color-secondary-bg: #1e3a8a;
  --pst-color-accent: #38bdf8;
  --pst-color-accent-bg: #0c4a6e;
  --pst-color-link: #93c5fd;
  --pst-color-link-hover: #bfdbfe;
  --pst-color-inline-code: #93c5fd;
}

/* Give the site title a small, recognizable mark without adding a logo. */
.navbar-brand::before {
  background: linear-gradient(135deg, #bfdbfe, #38bdf8);
  border-radius: 0.3rem;
  content: "";
  display: inline-block;
  height: 0.8rem;
  margin-right: 0.5rem;
  transform: rotate(45deg);
  width: 0.8rem;
}

.navbar-brand .title {
  color: #f8fafc;
  font-weight: 700;
}

/* Concentrate the strongest color in the header. */
.bd-header {
  background: linear-gradient(100deg, #0f2f57, #164e86);
  border-bottom: 1px solid #2563eb;
}

.bd-header .navbar-nav li a.nav-link,
.bd-header .navbar-nav li a.nav-link:visited,
.bd-header .btn,
.bd-header .form-control {
  color: #dbeafe;
}

.bd-header .navbar-nav li a.nav-link:hover,
.bd-header .navbar-nav li a.nav-link:focus,
.bd-header .btn:hover,
.bd-header .btn:focus {
  color: #ffffff !important;
}

.bd-header .navbar-nav li a.nav-link:hover,
.bd-header .navbar-nav li a.nav-link:focus {
  background-color: rgb(255 255 255 / 10%) !important;
}

.bd-header .search-button-field,
.bd-header .search-button-field:hover,
.bd-header .search-button-field:focus {
  background-color: rgb(15 47 87 / 55%) !important;
  border-color: rgb(219 234 254 / 45%) !important;
  color: #f8fafc !important;
}

.bd-header .search-button-field .search-button__default-text,
.bd-header .search-button-field .fa-magnifying-glass {
  color: #f8fafc !important;
}

.bd-header .search-button-field .search-button__kbd-shortcut,
.bd-header .search-button-field kbd {
  color: #bfdbfe !important;
}

.bd-header .search-button-field .search-button__kbd-shortcut {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.bd-header .search-button-field kbd {
  background-color: rgb(255 255 255 / 12%) !important;
  border: 1px solid rgb(219 234 254 / 40%) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.bd-header svg {
  color: #dbeafe;
}

/* Keep content typography quieter than the navigation accent. */
.bd-content h1,
.bd-content h2 {
  color: var(--pst-color-text-base);
}

.bd-sidebar-primary .sidebar-primary-item a.current,
.bd-sidebar-primary .sidebar-primary-item a:hover {
  border-left-color: var(--pst-color-primary);
  color: var(--pst-color-primary);
}

.admonition.note {
  border-color: var(--pst-color-primary);
}

.admonition.note > .admonition-title {
  background-color: var(--pst-color-primary-bg);
}

div.highlight {
  border-left: 0.2rem solid var(--pst-color-primary);
  border-radius: 0.25rem;
}
