/* Brand palette + Montserrat (Google Fonts)
   Graphite #1F2933 | Coral #F05A4A | Blue-gray #DCE5EA | White #FFFFFF */

:root {
    --color-graphite: #1F2933;
    --color-coral: #F05A4A;
    --color-coral-hover: #D94A3C;
    --color-blue-gray: #DCE5EA;
    --color-white: #FFFFFF;
    --font-main: 'Montserrat', Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-main);
}

body {
    color: var(--color-graphite);
    background: var(--color-white);
}

h1, h2, h3, h4, h5, h6,
.page-title {
    color: var(--color-graphite);
    font-family: var(--font-main);
}

a,
.a,
.center-col a {
    color: var(--color-coral);
}

a:hover,
.center-col a:hover {
    color: var(--color-coral-hover);
}

.phone a,
.footer-menu__item a,
.footer-menu__item a:visited,
.footer__description a,
.footer__description a:visited,
.footer__description a:focus {
    color: var(--color-graphite);
}

.footer-menu__item a:hover {
    color: var(--color-coral);
}

.top-header__wrapper {
    background: var(--color-white);
    border-bottom-color: var(--color-blue-gray);
}

.bot-header__wrapper {
    background: var(--color-white);
}

.navigation__wrapper,
.city-dropdown {
    background: var(--color-coral);
}

.nagivation__item:hover {
    background: var(--color-coral-hover);
}

.search-wrapper {
    border-color: var(--color-graphite);
}

.footer__wrapper {
    background: var(--color-blue-gray);
    color: var(--color-graphite);
}

.button,
.center-col .button,
.button-normal,
.search-submit button,
.modal_form__field .modal_form__field__submit,
.reg-ur-lico {
    background: var(--color-coral) !important;
    background-image: none !important;
    border-color: var(--color-coral) !important;
    color: var(--color-white) !important;
}

.button:hover,
.button-normal:hover,
.button-hover,
.search-submit button:hover,
.modal_form__field .modal_form__field__submit:hover {
    background: var(--color-coral-hover) !important;
    background-image: none !important;
    border-color: var(--color-coral-hover) !important;
    color: var(--color-white) !important;
}

.button-grey:hover,
.add-to-cart:hover,
.button-grey:hover {
    border-color: var(--color-coral) !important;
}

.filter__sepparator {
    background: var(--color-coral);
}

.p__14px__bold__orange {
    color: var(--color-coral);
}

.otz_dir,
.old_srch a,
.old_srch a:visited,
.grafik a,
.new_item a {
    color: var(--color-coral) !important;
}

.otz_dir:hover,
.old_srch a:hover,
.old_srch a:hover span {
    color: var(--color-graphite) !important;
}

.new_item {
    background-color: rgba(240, 90, 74, 0.04);
    border-left-color: var(--color-coral);
}

.new_item:before {
    background: var(--color-coral);
}