:root {
  --ripa-bg: #121519;
  --ripa-topbar-bg: #191c20;
  --ripa-text: #ffffff;
}
a.lang-pill:hover,
.assist-link:hover{
  color: white;
}

.site-topbar {
  background-color: var(--ripa-topbar-bg);
  color: var(--ripa-text);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 0.9rem;
}
.site-topbar .top-link {
  opacity: 0.9;
}
.site-topbar .top-link:hover {
  opacity: 1;
}
.site-header {
  background-color: var(--ripa-bg);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.site-header .navbar-nav .nav-link {
  color: var(--ripa-text);
  opacity: 0.85;
  padding-left: 1rem;
  padding-right: 1rem;
}
.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link.active {
  opacity: 1;
}
.brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--ar-danger);
  color: #fff;
  font-weight: 700;
}
.brand-text {
  color: var(--ripa-text);
  font-weight: 700;
  letter-spacing: 0.5px;
}
.btn-circle-40 {
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.btn-danger.btn-circle-40 {
  box-shadow: none;
}
.cart-widget .btn {
  background-color: var(--ar-danger);
  border-color: var(--ar-danger);
  color: #fff;
}
.cart-widget .btn .bi {
  color: #fff;
}
.cart-widget .badge.bg-danger {
  background-color: var(--ar-danger) !important;
}
.offcanvas.no-transition {
  transition: none !important;
}
.no-offcanvas-transition .offcanvas {
  transition: none !important;
}
.no-offcanvas-transition .offcanvas-backdrop {
  transition: none !important;
}
@media (min-width: 992px) {
  .site-header .navbar-nav {
    gap: 0.25rem;
  }
}