body {
    background-color: var(--body-bg);
    accent-color: var(--primary);
}

.dropdown-item .icon.theme-icon {
    --theme: var(--primary);
}

.btn-primary {
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
    color: var(--btn-fg)!important;
}
.btn-primary:hover {
    opacity: .8;
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
    /* box-shadow: 0 0 0 0.25rem var(--primary); */
}
.btn-primary:focus {
    color: var(--btn-fg)!important;
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
    /* box-shadow: 0 0 0 0.25rem var(--primary); */
}
.btn-primary:active {
    color: var(--btn-fg)!important;
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: var(--btn-fg)!important;
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
    opacity: .5;
}
.btn-outline {
    border: 1px solid var(--btn-bg);
    color: var(--btn-bg)!important;
    background-color: transparent;
}

ul.tag-ul > li {
    background-color: var(--tag-bg)!important;
    color: var(--tag-fg);
    border: 1px solid var(--tag-border);
}
.macro_blog_detail--blog_category a {
    border: 1px solid var(--tag-border);
    background-color: var(--tag-bg);
    color: var(--tag-fg);
}

.macro_product_card--heart {
    --theme: var(--fab-off);
    --border: var(--bs-gray-500);
}
.macro_product_card--heart_active {
    --theme: var(--fab-on);
    --border: var(--fab-on);
}

.ec-layoutRole__header {
    background-color: var(--header-bg);
}
.header-menu__line,
.header-menu__toggle::before,
.header-menu__toggle::after {
    border-top-color: var(--header-fg);
}
.shop_intro_title.with_line::after {
    background-color: var(--dot-active);
}

.main_navi_button {
    --theme: var(--icon-fg)!important;
    background-color: var(--icon-bg)!important;
}
.main_navi_button:hover,
.main_navi_button:focus {
    background-color: var(--icon-fg)!important;
    --theme: var(--icon-bg)!important;
    box-shadow: 0 0 0 2px var(--icon-bg)!important;
}

.macro_product_card,
.gray-bg {
    background-color: var(--section-bg);
}
.ec-layoutRole__marqueeContianer {
    background-color: var(--noti-bg);
    color: var(--noti-fg);
}

.macro_product_card--tag {
    background-color: var(--tag-bg);
    color: var(--tag-fg)!important;
    border-color: var(--tag-border);
}

.gray-bg {
    background-color: var(--section-bg-2);
}

.page_top {
    color: var(--page-top-text);
}
.top_icon {
    --theme: var(--page-top-icon);
}

.footer_bottom {
    background-color: var(--footer-bg);
}
.footer__logo {
    --theme: var(--footer-fg);
}
.footer_nav_link,
.footer_copyright {
    color: var(--footer-fg)!important;
}
.footer_nav_devider {
    border-left: 1px solid var(--footer-fg);
}

a {
    color: var(--primary)!important;
}
a:hover {
    opacity: .7;
}

input[type=radio],
.product_class_category2 input[type=radio],
.slideThumb img:hover,
.thumbnails .slideThumb.is-active img {
    border-color: var(--primary)!important;
}
input[type=radio]::before,
.product_class_category2 input[type=radio]::before {
    background-color: var(--primary)!important;
}
.form-check-input:checked {
    border-color: var(--primary)!important;
    background-color: var(--primary)!important;
}

.yomi-pager__item--active a {
    border-color: var(--btn-bg);
    background-color: var(--btn-bg);
    color: var(--btn-fg) !important;
}

.yomi-pager__item.yomi-pager__item--dots {
    color: var(--btn-bg) !important;
}

.shop-button-name {
    color: var(--header-fg);
}