:root {
    --primary-soft: #bbdefb !important;
    --primary-soft-onhover: #7fc3fb !important;
    --border-color: #e8e0d5 !important;
}

body {
    background: #f8f4ef !important;
}

.top-nav,
.navbar,
.card,
.categories-card,
.contact-card,
.dropdown-menu,
.offcanvas,
.modal-content {
    background-color: #ffffff !important;
}

.header-categories-nav-wrap,
.header-categories-nav-wrap .navbar,
.sidebar,
.sidenav {
    background-color: #bbdefb !important;
}

.bg-nav,
.custom-row,
.copyright,
.search-nav,
.nav-outer,
.copyright-section,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.myaccount-navigation-link-selected,
.selected-address {
    background-color: #bbdefb !important;
}

.active-nav {
    background-color: #ffffff !important;
}

.hero-section,
.footer-contact-section {
    background-color: #f8f4ef !important;
}

.hero-badge {
    background-color: #e7ecd9 !important;
}

.btn-primary,
.hero-btn,
.viewmorebtn,
.add-to-cart,
.button-success,
.contact-now-btn,
.subscribe-form button {
    background-color: #398fd6 !important;
    border-color: #398fd6 !important;
}

.btn-outline-primary {
    --bs-btn-border-color: #398fd6 !important;
    --bs-btn-hover-bg: #118df4 !important;
    --bs-btn-hover-border-color: #118df4 !important;
    --bs-btn-active-bg: #398fd6 !important;
    --bs-btn-active-border-color: #398fd6 !important;
}

.btn-primary:hover,
.hero-btn:hover,
.viewmorebtn:hover,
.add-to-cart:hover,
.button-success:hover,
.contact-now-btn:hover,
.subscribe-form button:hover {
    background-color: #118df4 !important;
    border-color: #118df4 !important;
}

.contact-icon {
    background-color: #bbdefb !important;
    border-color: #7fc3fb !important;
}

.myaccount-navigation ul li:hover {
    background-color: #bbdefb !important;
}

.card,
.categories-card,
.contact-card,
.table,
.table > :not(caption) > * > *,
.form-control,
.form-select,
.searchcontainer,
.searchbar,
.dropdown-menu {
    border-color: #e8e0d5 !important;
}

.table thead th,
.table thead td {
    background-color: #bbdefb !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #7fc3fb !important;
}

.border,
.border-top,
.border-bottom,
.border-left {
    border-color: #e8e0d5 !important;
}

.pagination .page-item.active .page-link {
    background-color: #398fd6 !important;
    border-color: #398fd6 !important;
}