/* Black & White (Monochrome) Theme Overrides */
body.theme-black-white {
    --primary: #000000;
    /* Pure Black */
    --primary-light: #262626;
    /* Dark Gray */
    --primary-accent: #525252;
    /* Medium Gray */

    --secondary: #404040;
    /* Charcoal */
    --secondary-hover: #171717;
    /* Near Black */

    --text-heading: #000000;
    --border: #e5e5e5;
    --shadow-glow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/* Scoped Bootstrap overrides */
body.theme-black-white .btn-primary {
    background: #000000 !important;
    border: none !important;
    color: #ffffff !important;
}

body.theme-black-white .btn-primary:hover {
    background: #262626 !important;
}

body.theme-black-white .btn-secondary {
    background: #525252 !important;
    border: none !important;
    color: #ffffff !important;
}

body.theme-black-white .text-primary {
    color: #000000 !important;
}

body.theme-black-white .bg-primary {
    background-color: #000000 !important;
}

body.theme-black-white .border-primary {
    border-color: #000000 !important;
}

body.theme-black-white .navbar-brand .text-primary {
    color: #000000 !important;
}

body.theme-black-white .navbar-nav .nav-link:hover,
body.theme-black-white .navbar-nav .nav-link.active {
    color: #000000 !important;
}

body.theme-black-white .nav-link.active::before,
body.theme-black-white .nav-link:hover::before {
    background: #000000 !important;
}

body.theme-black-white .btn-outline-primary {
    border-color: #000000 !important;
    color: #000000 !important;
}

body.theme-black-white .btn-outline-primary:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

body.theme-black-white .badge.bg-danger {
    background-color: #000000 !important;
}

/* Utility to desaturate specific colorful elements if needed */
body.theme-black-white .bg-warning {
    background-color: #d4d4d4 !important;
    /* Light Gray for warning elements */
    color: #000 !important;
}

body.theme-black-white .text-warning {
    color: #525252 !important;
}

.theme-btn-bw {
    background: linear-gradient(135deg, #000000 0%, #ffffff 100%);
    color: #fff;
}