.ht-mobile-drawer {
  background: #120B2E;
  border-left: 1px solid rgba(245, 245, 245, 0.22);
}

.ht-mobile-drawer-header {
  border-bottom: 1px solid rgba(245, 245, 245, 0.18);
}

.ht-mobile-drawer-title {
  color: rgba(245, 245, 245, 0.92);
}

.ht-mobile-scrim {
  background: rgba(25, 25, 112, 0.62);
}

.ht-mobile-nav-link {
  color: rgba(245, 245, 245, 0.95);
  border: 1px solid rgba(245, 245, 245, 0.20);
  background: rgba(25, 25, 112, 0.28);
}

.ht-mobile-nav-link:hover {
  border-color: rgba(255, 140, 0, 0.75);
  background: rgba(255, 140, 0, 0.18);
  color: #F5F5F5;
}

.ht-icon-button {
  color: rgba(245, 245, 245, 0.95);
}

.ht-icon-button:focus-visible {
  outline: 2px solid rgba(255, 140, 0, 0.70);
  outline-offset: 3px;
  border-radius: 8px;
}

.ht-burger-line {
  background: rgba(245, 245, 245, 0.95);
}

.ht-close-line {
  background: #FF8C00;
}