:root {
    /* Core colors */
    --bs-primary: #d4b02b;
    --bs-primary-rgb: 212, 176, 43;

    --bs-secondary: #5F1664;
    --bs-secondary-rgb: 95, 22, 100;

    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #d4b02b;
    --bs-info: #17a2b8;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    /* Additional custom variables */
    --bs-gray: #707070;
    --bs-gray-300: #707070;
    --bs-border-color: #dee2e6;
    --bde-body-text-color: #707070;

    /* Backgrounds & Layout */
    --bs-body-bg: #ffffff;
    --bs-body-color: #000000;
    --bs-bg-white: #ffffff;
    --bs-bg-dark: #000000;

    /* Components */
    --bs-warning-bg: #d4b02b;
    --bs-warning-hover-bg: #b59720;
    --bs-secondary-bg: #5F1664;
    --bs-secondary-hover-bg: #4b0d50;

    --bs-footer-bg: #f8f8f8;
    --bs-profile-bg: #fff0bc;
    --bs-category-bg: #f8f8f8;
    --bs-category-card-border: #707070;
    --bs-carousel-icon-bg: rgba(0, 0, 0, 0.5);
    --bs-carousel-icon-color: #ffffff;
    --our-vision-bg: #E8E5DE ;
    --forward-thinking-bg: #393838;
    --adaptability-bg: #D4AF29;

    /* Text colors */
    --bs-recommended-text: #264106;
    --bs-featured-text: #426911;
    --bs-last-product-text: #0d218b;
    --bs-last-product-link: #707070;
    --bs-section-h2-bg: #111827;
    --bs-cart-count-color: #ffffff;
    --card-title-color: #000000;
    --card-link-color: #ffffff;
    --burger-icon-color: #000000;
}

html[data-bs-theme="light"] {
    --bs-body-bg: #ffffff !important;
    --bs-body-color: #000000 !important;
    --bs-footer-bg: #f8f8f8 !important;
    --bs-profile-bg: #fff0bc !important;
    --bs-category-bg: #f8f8f8 !important;
    --bs-carousel-icon-bg: rgba(0, 0, 0, 0.5) !important;
    --bs-carousel-icon-color: #ffffff !important;
    --bs-section-h2-bg: #111827 !important;
    --bs-cart-count-color: #ffffff !important;
    --burger-icon-color: #000000 !important;
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-color: #ffffff !important;
    --our-vision-bg: #E8E5DE !important;
    --bs-link-color: #707070 !important;
    --bs-link-hover-color: #345107 !important;
    --bde-body-text-color: #707070;
    --forward-thinking-bg: #393838;
}

html[data-bs-theme="dark"] {
    --bs-body-bg: #000000 !important;
    --bs-body-color: #ffffff !important;
    --bs-footer-bg: #000000 !important;
    --bs-profile-bg: #d4b02b !important;
    --bs-category-bg: #2c2c2c !important;
    --bs-category-card-border: #505050 !important;
    --bs-carousel-icon-bg: rgba(255, 255, 255, 0.5) !important;
    --bs-carousel-icon-color: #000000 !important;
    --bs-section-h2-bg: #ffffff !important;
    --bs-cart-count-color: #000000 !important;
    --burger-icon-color: #ffffff !important;

    --bs-gray-300: #d4b02b !important;

    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-color: #000000 !important;
    --our-vision-bg: #E8E5DE !important;

    --bs-link-color: var(--bs-gray-300) !important;
    --bs-link-hover-color: #f5c518 !important;
    --bde-body-text-color: #707070;
    --forward-thinking-bg: #393838 ;

}


/* === Bootstrap button overrides === */
.btn-primary {
    background-color: var(--bs-warning-bg) !important;
    border-color: transparent !important;
    color: var(--bs-bg-white) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--bs-warning-hover-bg) !important;
    transition-timing-function: ease-in-out;
    transition-duration: var(--bde-transition-duration);
    transition-duration: .3s
}

.btn-secondary {
    background-color: var(--bs-secondary-bg) !important;
    border-color: transparent !important;
    color: var(--bs-bg-white) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--bs-secondary-hover-bg) !important;
    transition-timing-function: ease-in-out;
    transition-duration: var(--bde-transition-duration);
    transition-duration: .3s
}

/* === Bootstrap text and link overrides === */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary-hover-bg) !important;
}

a {
    color: var(--bs-link-color) !important;
}

a:hover {
    color: var(--bs-link-hover-color) !important;
}

/* === Background utilities === */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

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

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

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

/* === Text utilities === */
.text-white {
    color: var(--bs-bg-white) !important;
}

.text-dark {
    color: var(--bs-body-color) !important;
}

/* === Borders === */
.border {
    border-color: var(--bs-border-color) !important;
}

#dropdownLogin .profile-pic {
    color: var(--bs-gray) !important;
    --bs-link-color: var(--bs-gray) !important;
}

.text-bde-body {
    color: var(--bde-body-text-color) !important;
}

.our-vision-bg {
    background-color: var(--our-vision-bg) !important
}

.adaptability-bg {
    background-color: var(--adaptability-bg) !important
}

.forward-thinking-bg {
    background-color: var(--forward-thinking-bg);
}