message: replace colors in mobile navigation
diff: z-index: 1001111;
  display: flex;
  flex-direction: row;
  - background-color: $primary;
  + background-color: $l-brand-color;
  overflow: hidden;
  @include ff-bold;
  - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);
  + box-shadow: $l-box-shadow;
  transition: bottom 250ms ease !important;
  &-hidden {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  +
  + &:not(:last-of-type) {
  border-right: 1px solid #fff;
  + }
  &.active {
  font-weight: 700;
  border-right: none;
  }
  }
  -}
  -.dark {
  + &.dark {
  background-color: #29293b;
  - .active {
  - background: $primary;
  - color: white !important;
  + a.active {
  + background: $l-brand-color;
  + color: $d-color;
  +
  + &:not(:last-of-type) {
  + border-right: 1px solid #555;
  + }
  + }
  }
  }
  .active {
  font-weight: 700;
  - background: #fff;
  + background: $l-background-elements;
  }
  .bold {
  