:root {
    --gold: #f2c300;
    --dark: #323232;
    --almost-black: #1c1c1c;
    --light: #f5f5f7;
}
body {
    font-size: 16px;
}
.bg-gold {
    background-color: var(--gold);
}
.text-gold {
    color: var(--gold);
}

.text-light {
    color: var(--light);
}

.main-menu {
    background-color: var(--dark);
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.08);*/
}

.header-logo {
    background-color: var(--dark);

    .btn-link {
        color: var(--light);

        :hover {
            color: var(--gold);
        }
    }
}
header.header {
    background-color: var(--dark);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.toolbar {
    background-color: var(--dark);
    color: var(--light);
}

.brand-logo {
    height: 56px;
    width: auto;
    border-radius: 8px;
}

.main-menu .active>a,
.main-menu .active>span,
.main-menu a:hover,
.main-menu span:hover {
    background-color: var(--almost-black);
}

.main-menu a,
.main-menu span {
    background-color: var(--dark);
}

.toolbar a,
.toolbar .btn-link {
    color: var(--light);
}

.hero {
    position: relative;
    background: radial-gradient(1200px 400px at 50% -10%, rgba(242, 195, 0, 0.22), transparent 60%), linear-gradient(180deg, #1b1b1b, #0f0f0f);
    padding: clamp(24px, 8vw, 48px) 0;
    overflow: hidden;
}

.hero:before,
.hero:after {
    content: "";
    position: absolute;
    inset: -20%;
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0 14px, transparent 14px 28px);
    transform: rotate(5deg);
    z-index: 0;
    pointer-events: none;
}

.hero:after {
    transform: rotate(-7deg);
    opacity: .25;
}
.vmCartModule .btn-link {
    color: var(--light);
}
.dropdown-toggle::after {
    background-image: none;
    width: auto;
    height: auto;
}
#top-1 {
    background-color: var(--gold);
    color: var(--almost-black);
}

.km-proof-label {
    letter-spacing: 0.08em;
    opacity: 0.9;
}

.km-proof-heading {
    color: var(--almost-black);
}

.km-proof-item {
    align-items: flex-start;
}

.km-proof-title {
    color: var(--almost-black);
}

.km-proof-text {
    color: rgba(0, 0, 0, 0.78);
}


