:scope {
    --navCustomBGColor: #222222;
    --navCustomAccentColor: wheat;
}

.navbar-custom {
    background-color: var(--navCustomBGColor);
    border-color: #3f3f3f !important;
}

    .navbar-custom .navbar-brand {
        color: var(--navCustomAccentColor);
    }

        .navbar-custom .navbar-brand:hover,
        .navbar-custom .navbar-brand:focus {
            color: rgba(225, 150, 25, 0.9);
        }

    .navbar-custom .navbar-nav .nav-link {
        color: var(--navCustomAccentColor);
    }

        .navbar-custom .navbar-nav .nav-link:hover,
        .navbar-custom .navbar-nav .nav-link:focus {
            color: rgba(220, 175, 90, 0.90);
        }

        .navbar-custom .navbar-nav .nav-link.disabled {
            color: rgba(225, 150, 25, 0.9);
        }

        .navbar-custom .navbar-nav .show > .nav-link,
        .navbar-custom .navbar-nav .nav-link.active {
            color: var(--navCustomAccentColor);
        }

    .navbar-custom .navbar-toggler {
        color: var(--navCustomAccentColor);
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar-custom .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%245, 222, 179, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar-custom .navbar-text {
        color: var(--navCustomAccentColor);
    }

        .navbar-custom .navbar-text a,
        .navbar-custom .navbar-text a:hover,
        .navbar-custom .navbar-text a:focus {
            color: rgba(225, 150, 25, 0.9);
        }

    .navbar-custom .dropdown-menu {
        background-color: var(--navCustomBGColor);
    }

        .navbar-custom .dropdown-menu hr {
            color: var(--navCustomAccentColor);
        }