:root {
    --white: #dbdbdb;
    --black: #1b1821;
    --shade: #8B0000;
}

body, html {
    background-color: #1b1921 !important;
}

.product-card, .server-card {
    background: var(--black) !important;
    border: 2px solid var(--shade) !important;
}

.select-server-card {
    background: var(--black);
    border: 2px solid var(--shade) !important;
}

.form-control, .modal-content, .bg-soft {
    background-color: var(--black) !important;
}


input, .text-black .text-muted {
    border: 2px solid var(--shade) !important;
}

.text-black a:not(.btn), .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h6, .text-black .h1, .text-black .h2, .text-black .h3, .text-black .h4, .text-black .h5, .text-black .h6, .text-black .display-1, .text-black .display-2, .text-black .display-3, .text-black .display-4, .title, .category, .item-price, .item-title, .modal-title, .label, label, .input-group .form-control, .text-soft, .text-soft:hover, .text-black, .text-black:hover, h4, p, .text-black h5 {
    color: var(--white) !important;
}

h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"] {
    color: var(--black) !important;
}

p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"] {
    color: var(--black) !important;
}

.cart-cost {
    color: white !important;
}

.cart-item-actions {
    border: 2px solid var(--shade) !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}