body {
    /*font-family: 'Work Sans', 'Roboto', sans-serif;*/
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);

}

/* --- Colors --- */

:root {
    --main: #bec9c7;
    --main-light: #ad9f9f;
    --main-dark: #666f6d;
    --accent: #f8eede;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    /*--footer-bg-color: ;*/
}
.add-to-cart a:not(:hover) {
    background-color: var(--main);
        color: var(--main-dark)
}
.footer .section-016 {
    background-color: var(--main);
}
.section-0211 .banner-info .button-wrap .button span:hover {
    color: var(--main-dark);
}
.banner-info .button-wrap .button span:hover {
    color: var(--main-light);
}
.draka-banner .button::before, .button-wrap .button::before {
    background-color: var(--main-light);
}
.draka-banner .button::before {
    background-color: var(--main-dark);
}
.section-0211 .draka-banner .button:hover {
    color: var(--main-dark);
}
#register-form .button-wrap .button::before , #cart-form .button-wrap .button::before, .login-form .button-wrap .button::before{
    background-color: var(--main);
}
.button-wrap .button span:hover {
    color: var(--main-dark);
}
.draka-tabs.style-01 .tab-link li a:hover, .draka-tabs.style-01 .tab-link li.active a {
    background-color: var(--main-dark);
    border: 1px solid var(--main-dark);
}
.draka-tabs.style-01 .tab-link li.active a::before {
    border-color: var(--main-dark) transparent transparent transparent;
}

.draka-proceed-to-checkout .checkout-button {
    background-color: var(--main-dark);
}
.draka-proceed-to-checkout .checkout-button:hover {
    background-color: var(--main);
}
.shop-all a:hover {
    background-color: var(--main);
}