:root {
    --b2b-accent: #8a5a2b;
    --b2b-accent-dark: #6f4521;
    --b2b-accent-soft: #f4ece1;
    --bs-primary: #8a5a2b;
    --bs-primary-rgb: 138, 90, 43;
    --bs-info: #8a5a2b;
    --bs-info-rgb: 138, 90, 43;
    --bs-link-color: #8a5a2b;
    --bs-link-hover-color: #6f4521;
    --bs-blue: #8a5a2b;
}

.btn-primary,
.bg-primary,
.btn-info {
    --bs-btn-bg: var(--b2b-accent);
    --bs-btn-border-color: var(--b2b-accent);
    --bs-btn-hover-bg: var(--b2b-accent-dark);
    --bs-btn-hover-border-color: var(--b2b-accent-dark);
    --bs-btn-active-bg: var(--b2b-accent-dark);
    --bs-btn-active-border-color: var(--b2b-accent-dark);
    --bs-btn-disabled-bg: var(--b2b-accent);
    --bs-btn-disabled-border-color: var(--b2b-accent);
}

.btn-primary,
.btn-info {
    background-color: var(--b2b-accent);
    border-color: var(--b2b-accent);
}

.btn-primary:hover,
.btn-info:hover {
    background-color: var(--b2b-accent-dark);
    border-color: var(--b2b-accent-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--b2b-accent);
    --bs-btn-border-color: var(--b2b-accent);
    --bs-btn-hover-bg: var(--b2b-accent);
    --bs-btn-hover-border-color: var(--b2b-accent);
}

.bg-primary {
    background-color: var(--b2b-accent) !important;
}

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

.border-primary {
    border-color: var(--b2b-accent) !important;
}

a {
    color: var(--b2b-accent);
}

a:hover {
    color: var(--b2b-accent-dark);
}

.pagination .page-item.active .page-link {
    background-color: var(--b2b-accent);
    border-color: var(--b2b-accent);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--b2b-accent);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--b2b-accent);
}

.form-check-input:checked {
    background-color: var(--b2b-accent);
    border-color: var(--b2b-accent);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--b2b-accent);
    box-shadow: 0 0 0 0.2rem rgba(138, 90, 43, 0.15);
}

#menu {
    background-color: var(--b2b-accent);
    background-image: linear-gradient(to bottom, #9a6835, var(--b2b-accent-dark));
    border-color: var(--b2b-accent-dark);
}

.b2b-account-order-view {
    background: var(--b2b-accent-soft);
    color: var(--b2b-accent);
}

.b2b-account-order-view:hover {
    background: #ead9c8;
    color: var(--b2b-accent-dark);
}