/* Metal v3 identity. Toolbar dimensions and placement use the original styles.css rules. */
@font-face {
  font-family: BVIHeader;
  src: url('/assets/brand-v3/fonts/IBMPlexSans-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.site-header.bvi-toolbar {
  --copper: #d4633b;
  --bvi-header-bg: #081421;
  background: var(--bvi-header-bg);
  border-bottom-color: #293a49;
  font-family: BVIHeader, Arial, sans-serif;
  font-weight: 500;
  font-synthesis: none;
}
.bvi-toolbar .primary-nav > a:not(.button) {
  font-family: BVIHeader, Arial, sans-serif;
}
.bvi-toolbar .button.nav-button {
  border-color: #81909d;
  border-radius: 3px;
  background: transparent;
  color: #f4f2ec;
  font-family: BVIHeader, Arial, sans-serif;
  font-weight: 500;
}
/* Keep the established hover/focus colors and motion. */
.bvi-toolbar .button.nav-button:is(:hover, :focus-visible) {
  background: var(--interaction-copper);
  color: var(--ink);
  border-color: transparent;
}
.site-footer .footer-brand img {
  width: 168px;
  height: auto;
}
@media (max-width: 1100px) {
  .bvi-toolbar .primary-nav { background: var(--bvi-header-bg); }
}