:root {
    --bs-primary: #B78A44;
    --bs-primary-50: #EDD9B1;
    --bs-primary-800: #6F3E18;
    --bs-blue: #B78A44;
    --bs-dark: #151515;
    --bs-light: #EDD9B1;
    --bs-secondary: #8C5A2D;
}

/* Component overrides to ensure minified/vendor CSS picks up brand colors */
.btn-primary {
    color: var(--bs-white) !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--bs-primary-800) !important;
    border-color: var(--bs-primary-800) !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Focus rings */
.btn:focus,
.btn-check:focus + .btn {
    box-shadow: 0 0 0 0.25rem rgba(183,138,68,0.25) !important;
}

/* Form checks */
.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Overlays and small accents */
.blog .blog-item .blog-img::after,
.service .service-item .service-img::after {
    background: rgba(183,138,68,0.2) !important;
}

.feature .feature-item:hover { background: var(--bs-primary) !important; }
.feature .feature-item .feature-icon { color: var(--bs-primary) !important; }
.feature .feature-item .feature-icon::after { background: var(--bs-primary-800) !important; }

/* Ensure card titles remain readable when the card background becomes brand-colored on hover */
.service-item:hover .service-content-inner a,
.service-item:hover .service-content-inner .h5,
.service-item:hover .service-content-inner .h4,
.product-item:hover .product-content-inner a,
.product-item:hover .product-content-inner .h5,
.brand-item:hover .service-content-inner a,
.brand-item:hover .service-content-inner .h5 {
    color: var(--bs-white) !important;
}

.testimonial .owl-nav .owl-prev,
.testimonial .owl-nav .owl-next {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
.testimonial .owl-nav .owl-prev:hover,
.testimonial .owl-nav .owl-next:hover {
    background: var(--bs-primary-800) !important;
}

.footer .footer-item .footer-btn a { color: var(--bs-primary) !important; }
.footer .footer-item .footer-btn a:hover { background: var(--bs-primary) !important; }

/* Navbar toggler border */
.navbar.navbar-expand-lg .navbar-toggler {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

/* Dropdown hover */
.dropdown .dropdown-menu .dropdown-item:hover,
.topbar .dropdown .dropdown-menu a:hover {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

/* Breadcrumb / hero gradient override (was using hard-coded blue) */
.bg-breadcrumb {
    background: linear-gradient(rgba(0,0,0,.4), rgba(183,138,68,.2)), url('../img/banner.jpg') center center/cover no-repeat !important;
}

/* Force utility classes that were compiled to explicit blues in vendor CSS */
.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

/* FAQ / accordion buttons used an rgba blue background */
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
    background: rgba(183,138,68,0.8) !important;
    color: var(--bs-white) !important;
}

/* Breadcrumb links (ensure contrast on hero) */
.bg-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--bs-white) !important;
}

/* Hero heading color inside breadcrumb (override previous utility rules) */
.bg-breadcrumb h4,
.bg-breadcrumb .display-4,
.bg-breadcrumb h4.text-white,
.bg-breadcrumb .display-4.text-primary,
h1.text-white {
    color: #151515 !important;
}

/* Stronger, page-specific overrides for About page elements */
body .about-item-content .text-primary,
body .about-item-content h4.text-primary,
body .about-item-content h4,
body .counter-item .text-primary,
body .counter-item .h1.text-primary,
body .counter-item .h1,
body .counter-counting .text-primary,
body .counter-counting span.text-primary {
    color: var(--bs-primary) !important;
}

/* Ensure +/- and numeric badges use brand */
.counter-item .h1.text-primary,
.counter-item .h1 {
    color: var(--bs-primary) !important;
}

/* Icons and small feature accents */
.feature .feature-item .feature-icon,
.feature .feature-item .feature-icon i,
.service .service-item .service-img .service-icon i {
    color: var(--bs-primary) !important;
}

/* Ensure headings that used utility classes are forced */
.display-4.text-primary,
.display-4,
.h4.text-primary,
.h4 {
    color: var(--bs-primary) !important;
}