:root {
    --primary-color: #9e0017;
    /*    --client-theme-bg-color: #4c8746;*/
    /*    --client-theme-bg-color: #fffee0;*/
    --client-theme-bg-color: #fffeee;
    /*    --client-theme-navbar-color: #396635;*/
    --client-theme-navbar-color: #9e0018;
    /*    --client-theme-navbar-glass-color: #396635ad;*/
    --client-theme-navbar-glass-color: #ffffff24;
    /*    --client-theme-card-color: #4c8746;*/
    --client-theme-card-color: #fffeee;
    --client-theme-card-border: 2px solid rgb(158 0 24 / 90%);
}

h1,a, .text-primary {
    /*    color: color-mix(in srgb, var(--primary-color) 80%, white);*/
    color: var(--primary-color) !important;
}

    a:hover {
/*        color: var(--primary-color);*/
        color: color-mix(in srgb, var(--primary-color) 80%, white);
    }

.btn-primary {
    background-color: var(--primary-color);
}
.btn-outline-primary {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
        border-color: var(--primary-color) !important;
        background-color: var(--primary-color) !important;
        color: white !important;
    }


body.client-theme {
    background-color: var(--client-theme-bg-color) !important;
}

nav.navbar-client-theme {
    background-color: var(--client-theme-navbar-color) !important;
}

.card.card-client-theme {
    background-color: var(--client-theme-card-color) !important;
    border: var(--client-theme-card-border) !important;
}


@media (width <= 991px) {
    nav.navbar-client-theme.navbar {
        /*        background-color:   var(--client-theme-navbar-glass-color) !important;*/
        background-color: var(--client-theme-navbar-color) !important;
        /*        background-color:transparent;*/
    }
    nav.navbar-client-theme.navbar .navbar-collapse {
/*                background-color:   var(--client-theme-navbar-glass-color) !important;*/
/*        background-color: transparent;*/
    }


        nav.navbar-client-theme.navbar .nav-item {
            /*            -webkit-text-stroke: 1px white;*/
            /*            font-weight: bold;*/
            /*              color:black!important;*/
            /*            line-height: 0rem;*/
/*            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
        }
}