/* Grey.css (scoped grey theme) */
html.theme-grey {
    --gtx-grad: linear-gradient(180deg, #757575, #141414);
    --gtx-grad-rev: linear-gradient(0deg, #757575, #141414);
}

    /* Replace your blue gradient areas */
    html.theme-grey .menu-strip,
    html.theme-grey .page-title,
    html.theme-grey .modal-header,
    html.theme-grey .small-offcanvas {
        background: var(--gtx-grad) !important;
        color: #fff !important;
    }

    /* Keep buttons BLUE (remove these if you truly want zero button overrides)
   If you do want some grey button behavior, keep them scoped like this: */
    html.theme-grey .btn-gradient,
    html.theme-grey .btn-gradient-grey.active {
        background: var(--gtx-grad) !important;
        color: #fff !important;
        border-color: rgba(0,0,0,.35) !important;
    }

    /* Header dropdown background */
    html.theme-grey .header__menu ul li .dropdown {
        background: var(--gtx-grad) !important;
    }

    /* Keep menu links readable on gradient */
    html.theme-grey .header__menu ul li a {
        color: #fff !important;
        text-shadow: none !important;
    }

        html.theme-grey .header__menu ul li a:after {
            background: #fff !important;
        }

    /* Your special-case override */
    html.theme-grey #MajordomeLink .gradient {
        color: #000 !important;
    }

    /* Checkbox color (optional) */
    html.theme-grey .form-check-input:checked {
        background-color: darkgrey;
        border-color: darkgray;
    }