@media screen and (width < 840px) {
    .navigation-item__toggle-state::before {
        background-color: var(--font-color);
    }
}
@media screen and (width < 840px) {
    .top-bar {
        --nav-color-bg: var(--bg-color);
        --nav-color-icon: var(--primary-color);

        background: var(--nav-color-bg) !important;
    }

    .top-bar .burger {
        --nav-color-icon: var(--font-color);
    }
}
@media screen and (width < 840px) {
    .wrap--navigation {
        --nav-color-bg: var(--bg-color);
        --nav-color-icon: var(--primary-color);
        --nav-color-item: var(--font-color);
        --nav-color-highlight: var(--font-color);
    }
}