body {
    background: var(--primary_bg_color) !important;
    color: var(--primary_text_color) !important;
}
.nav-link,
.link {
    color: var(--link_color);
}

.text-primary {
    color: var(--primary_button_bg_color) !important;
}

/* Top Bar */
.sp-theme-top-header {
    color: var(--top_bar_text_color) !important;
    background: var(--top_bar_bg_color) !important;
    border-bottom: 1px solid #ececec !important;
}
.sp-theme-top-header a {
    color: var(--top_bar_link_color) !important;
}
.sp-theme-top-header a:hover {
    color: var(--top_bar_hover_color) !important;
}

/* Header */
.sp-theme-header {
    color: var(--header_text_color) !important;
    background: var(--header_bg_color) !important;
    border-bottom: 1px solid #ececec !important;
}
.sp-theme-header a {
    color: var(--header_link_color) !important;
}
.sp-theme-header a:hover {
    color: var(--header_hover_color) !important;
}

/* Menu */
.sp-theme-menu,
.sp-theme-menu .account-parent.iconset,
.sp-theme-menu .account-parent.iconset #accountBox {
    color: var(--menu_text_color) !important;
    background: var(--menu_bg_color) !important;
}
.sp-theme-menu .menu-title {
    color: var(--menu_text_color) !important;
    background: rgba(0, 0, 0, 0.1) !important;
}
.sp-theme-menu .vertical-menu-content,
.sp-theme-menu .vertical-menu-content li .dropdown, 
.sp-theme-menu .vertical-menu-content li .megamenu, 
.sp-theme-menu #siteNav>li ul.dropdown,
.sp-theme-menu #siteNav>li ul.dropdown li a {
    color: var(--menu_text_color) !important;
    background: var(--menu_bg_color) !important;
}
.sp-theme-menu .vertical-menu-content ul>li .nav-link {
    border-bottom: 0 !important;
}
.sp-theme-menu li:hover,
.sp-theme-menu .moreCategories:hover {
    color: var(--menu_text_color) !important;
    background: var(--menu_hover_color) !important;
}
.sp-theme-menu a {
    color: var(--menu_text_color) !important;
}

/* Footer */
.sp-theme-footer,
.sp-theme-footer .footer-top {
    color: var(--footer_text_color) !important;
    background: var(--footer_bg_color) !important;
}
.sp-theme-footer a,
.sp-theme-footer .h4 {
    color: var(--footer_text_color) !important;
}
.sp-theme-footer a:hover {
    color: var(--footer_hover_color) !important;
}

/* Copyright */
.sp-theme-copyright {
    color: var(--copyright_text_color) !important;
    background: var(--copyright_bg_color) !important;
}
.sp-theme-copyright a,
.sp-theme-copyright .h4 {
    color: var(--footer_text_color) !important;
}
.sp-theme-copyright a:hover {
    color: var(--footer_hover_color) !important;
}

/* Button */
.btn,
.btn-primary {
    color: var(--primary_button_text_color) !important;
    background: var(--primary_button_bg_color) !important;
    border-color: var(--primary_button_border_color) !important;
}
.btn:hover,
.btn-primary:hover {
    color: var(--secondary_button_text_color) !important;
    background: var(--secondary_button_bg_color) !important;
    border-color: var(--secondary_button_border_color) !important;
}
.btn-secondary {
    color: var(--secondary_button_text_color) !important;
    background: var(--secondary_button_bg_color) !important;
    border-color: var(--secondary_button_border_color) !important;
}
.btn-secondary:hover {
    color: var(--primary_button_text_color) !important;
    background: var(--primary_button_bg_color) !important;
    border-color: var(--primary_button_border_color) !important;
}

/* Others */
#site-scroll {
    color: var(--primary_button_text_color) !important;
    background: var(--primary_button_bg_color) !important;
    border-color: var(--primary_button_border_color) !important;
}
.product-labels .pr-label3,
.button-set .btn-icon:hover, 
.button-set .btn-icon.active,
.pagination .page-item.active .page-link, 
.pagination .page-item:hover .page-link {
    color: var(--primary_button_text_color) !important;
    background: var(--primary_button_bg_color) !important;    
}
/* .price {
    color: var(--primary_button_bg_color) !important;
} */
.btn-link {
    color: var(--primary_button_bg_color) !important;
}
.hoverDetails .product-des .button-set .btn-icon:hover, .button-set .btn-icon.active, .tracking-steps .step.current {
    color: var(--primary_button_text_color) !important;
    background: var(--primary_button_bg_color) !important;
}
.tracking-steps .step.current:after {
    border-left: 17px solid var(--primary_button_bg_color) !important;
}