:root {
  --hh-brand-darker: #7c3aed;
  --hh-brand: #60a5fa;
  --hh-brand-lighter: #a78bfa;
  --hh-charcoal-300: #b8b9bd;
  --hh-charcoal-600: #2E2F3E;
  --hh-charcoal-700: #222331;
  --hh-charcoal-800: #181925;
  --hh-charcoal-900: #13141D;

  --bs-link-color: var(--hh-brand);
  --bs-link-hover-color: var(--hh-charcoal-700);
}

body {
  background: #fff;
  background-image: url(https://console.zouter.io/img/login.png);
  backdrop-filter: contrast(0.2) brightness(1.6);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btn-primary {
  --bs-btn-bg: var(--hh-brand);
  --bs-btn-border-color: var(--hh-brand);
  --bs-btn-hover-bg: var(--hh-brand-lighter);
  --bs-btn-hover-border-color: var(--hh-brand-lighter);
  --bs-btn-active-bg: var(--hh-brand-lighter);
  --bs-btn-active-border-color: var(--hh-brand-lighter);
  --bs-btn-disabled-bg: var(--hh-brand);
  --bs-btn-disabled-border-color: var(--hh-brand);
}

header a.d-flex {
  display: inline-flex !important;
}

.lg-logo {
  height: 2.5rem;
}

/* Hide map and facility/peeringdb */
main > .row:first-of-type > .card > .card-body > .row:first-of-type .btn {
  display: none;
}

/* Hide copy buttons */
main > .row > .card > .card-body > .row .btn.btn-outline-secondary[onclick] {
  display: none;
}