:root {
    --bs-primary: #7a7270;
    --bs-primary-rgb: 122, 114, 112;
    --bs-secondary: #afa4a0;
    --bs-secondary-rgb: 175, 164, 160;
    --bs-success: #7a7270;
    --bs-success-rgb: 122, 114, 112;
    --bs-info: #c3a5a3;
    --bs-info-rgb: 195, 165, 163;
    --bs-warning: #afa4a0;
    --bs-warning-rgb: 175, 164, 160;
    --bs-danger: #c3a5a3;
    --bs-danger-rgb: 195, 165, 163;
    --bs-light: #e9e5e4;
    --bs-light-rgb: 233, 229, 228;
    --bs-dark: #47413f;
    --bs-dark-rgb: 71, 65, 63;
    --bs-body-bg: #e9e5e4;
    --bs-body-color: #47413f;
    --bs-link-color: #7a7270;
    --bs-link-hover-color: #47413f;
}

body {
    background-color: #e9e5e4;
}

.btn-primary {
    background-color: #7a7270;
    border-color: #7a7270;
    color: #e9e5e4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus-visible,
.btn-primary.show,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
    background-color: #47413f !important;
    border-color: #47413f !important;
    color: #e9e5e4 !important;
    box-shadow: 0 0 0 0.25rem rgba(71, 65, 63, 0.25) !important;
}

.btn-outline-primary {
    border-color: #7a7270;
    color: #7a7270;
    background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible,
.btn-outline-primary.show,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary {
    background-color: #7a7270 !important;
    border-color: #7a7270 !important;
    color: #e9e5e4 !important;
    box-shadow: 0 0 0 0.25rem rgba(122, 114, 112, 0.25) !important;
}

.btn-secondary,
.btn-outline-secondary {
    border-color: #afa4a0;
    color: #afa4a0;
    background-color: transparent;
}

.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-secondary:active,
.btn-outline-secondary:active,
.btn-secondary.active,
.btn-outline-secondary.active,
.btn-secondary:focus,
.btn-outline-secondary:focus,
.btn-secondary:focus-visible,
.btn-outline-secondary:focus-visible,
.btn-secondary.show,
.btn-outline-secondary.show,
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary {
    background-color: #afa4a0 !important;
    border-color: #afa4a0 !important;
    color: #e9e5e4 !important;
    box-shadow: 0 0 0 0.25rem rgba(175, 164, 160, 0.25) !important;
}

.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info {
    border-color: #7a7270;
    color: #7a7270;
    background-color: transparent;
}

.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success:focus,
.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger:focus,
.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning:focus,
.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info:focus {
    background-color: #7a7270 !important;
    border-color: #7a7270 !important;
    color: #e9e5e4 !important;
    box-shadow: 0 0 0 0.25rem rgba(122, 114, 112, 0.25) !important;
}

.btn-success,
.btn-danger,
.btn-warning,
.btn-info {
    background-color: #7a7270;
    border-color: #7a7270;
    color: #e9e5e4;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #47413f !important;
    border-color: #47413f !important;
    color: #e9e5e4 !important;
    box-shadow: 0 0 0 0.25rem rgba(71, 65, 63, 0.25) !important;
}

.btn:focus,
.btn:active,
.btn.active {
    box-shadow: 0 0 0 0.25rem rgba(122, 114, 112, 0.25) !important;
}

.btn-link {
    color: #7a7270;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: #47413f !important;
}

.btn-link:disabled,
.btn-link.disabled {
    color: #dececf !important;
    opacity: 0.65;
    cursor: not-allowed;
}

.dropdown-toggle:focus,
.dropdown-toggle:active,
.dropdown-toggle.show {
    box-shadow: 0 0 0 0.25rem rgba(122, 114, 112, 0.25) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #afa4a0 !important;
    border-color: #afa4a0 !important;
    color: #dececf !important;
    opacity: 0.65;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    background-color: transparent !important;
    border-color: #dececf !important;
    color: #dececf !important;
    opacity: 0.65;
}

.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    background-color: transparent !important;
    border-color: #dececf !important;
    color: #dececf !important;
    opacity: 0.65;
}

.btn-outline-success:disabled,
.btn-outline-success.disabled,
.btn-outline-danger:disabled,
.btn-outline-danger.disabled,
.btn-outline-warning:disabled,
.btn-outline-warning.disabled,
.btn-outline-info:disabled,
.btn-outline-info.disabled {
    background-color: transparent !important;
    border-color: #dececf !important;
    color: #dececf !important;
    opacity: 0.65;
}

.btn-success:disabled,
.btn-success.disabled,
.btn-danger:disabled,
.btn-danger.disabled,
.btn-warning:disabled,
.btn-warning.disabled,
.btn-info:disabled,
.btn-info.disabled {
    background-color: #afa4a0 !important;
    border-color: #afa4a0 !important;
    color: #dececf !important;
    opacity: 0.65;
}

.btn:disabled,
.btn.disabled {
    cursor: not-allowed;
}

.badge,
.bg-danger,
.bg-primary,
.bg-success,
.bg-warning,
.bg-info {
    background-color: #c3a5a3 !important;
    color: #47413f !important;
}

.badge.bg-danger,
.badge.bg-primary,
.badge.bg-success,
.badge.bg-warning,
.badge.bg-info {
    background-color: #c3a5a3 !important;
    color: #47413f !important;
}

.form-control,
.form-select {
    border-color: #afa4a0;
    color: #47413f;
}

.form-control:focus,
.form-select:focus {
    border-color: #7a7270;
    box-shadow: 0 0 0 0.25rem rgba(122, 114, 112, 0.25);
}

.form-control:disabled,
.form-control.disabled,
.form-select:disabled,
.form-select.disabled {
    background-color: #e9e5e4;
    border-color: #dececf;
    color: #afa4a0;
    opacity: 0.65;
    cursor: not-allowed;
}

input,
textarea,
select {
    border-color: #afa4a0 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #7a7270 !important;
    outline: none;
}

input:disabled,
textarea:disabled,
select:disabled {
    background-color: #e9e5e4 !important;
    border-color: #dececf !important;
    color: #afa4a0 !important;
    cursor: not-allowed;
}

.form-check-input:disabled,
.form-check-input.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #dececf;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input.disabled ~ .form-check-label {
    color: #afa4a0;
    opacity: 0.65;
    cursor: not-allowed;
}

.nav-link.disabled,
a.disabled {
    color: #dececf !important;
    cursor: not-allowed;
    pointer-events: none;
}

.alert-success {
    background-color: #dececf;
    border-color: #c3a5a3;
    color: #47413f;
}

.alert-warning {
    background-color: #e9e5e4;
    border-color: #afa4a0;
    color: #47413f;
}

.alert-danger {
    background-color: #c3a5a3;
    border-color: #7a7270;
    color: #47413f;
}

.alert-info {
    background-color: #dececf;
    border-color: #afa4a0;
    color: #47413f;
}

.card {
    background-color: #e9e5e4;
    border-color: #afa4a0;
}

.text-primary {
    color: #7a7270 !important;
}

.text-secondary {
    color: #afa4a0 !important;
}

.text-muted {
    color: #7a7270 !important;
}

.border {
    border-color: #afa4a0 !important;
}

.border-top {
    border-top-color: #afa4a0 !important;
}

.border-bottom {
    border-bottom-color: #afa4a0 !important;
}

.border-start {
    border-left-color: #afa4a0 !important;
}

.border-end {
    border-right-color: #afa4a0 !important;
}

.navbar {
    background-color: #47413f;
    color: #e9e5e4;
    box-shadow: 0 0 7px rgba(71, 65, 63, 0.3);
}

.navbar-nav .nav-link {
    color: #dececf;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #e9e5e4;
}

#btn-back-to-top {
    color: #7a7270;
}

#btn-back-to-top:hover {
    color: #47413f;
}

.cart-badge {
    background-color: #e9e5e4;
    color: #47413f;
}

.product-price-badge {
    background-color: #e9e5e4;
    color: #47413f;
}

.landing-page h1 {
    color: #47413f;
}

.owner-photo {
    box-shadow: 0 4px 12px rgba(71, 65, 63, 0.2);
}

.greeting-text {
    color: #7a7270;
}

.category-card {
    background: #e9e5e4;
    box-shadow: 0 2px 8px rgba(71, 65, 63, 0.15);
}

.category-card:hover {
    box-shadow: 0 8px 15px rgba(71, 65, 63, 0.25);
}

.category-image-wrapper {
    background-color: #dececf;
}

.category-overlay {
    background: linear-gradient(to bottom, rgba(71, 65, 63, 0) 0%, rgba(71, 65, 63, 0.4) 100%);
}

.category-overlay i {
    color: #e9e5e4;
}

.category-title {
    color: #47413f;
}