:root {
    --color-primary: #000000;
    --color-primary-rgb: 0, 0, 0;
    --color-secondary: #222222;
    --color-secondary-rgb: 34, 34, 34;
}

a {
    color: var(--color-secondary);
}

#promo a {
    font-weight: 500;
}

a:hover {
    color: var(--color-primary);
}

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

.btn-primary.cookieButton {
    background: #FFF;
    color: var(--color-primary);
    border-color: #FFF;
}

.btn-primary.cookieButton:hover {
    color: #FFF;
}

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

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

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

.gradback,
#footer {
    background: var(--color-primary);
    background: linear-gradient(var(--color-primary), var(--color-secondary));
}

html:not([data-scroll="0"]) .gradback {
    background: linear-gradient(rgba(var(--color-primary-rgb), 0.8),rgba(var(--color-secondary-rgb), 0.8));
}

#hero .xcarousel-control {
    background: var(--color-primary);
}

.page-link {
    color: var(--color-secondary);
}

.page-item.active .page-link {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.page-link:hover {
    color: var(--color-primary);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--color-secondary);
}

#thumbs .card:hover {
    border-color: var(--color-secondary);
}

#cookiePopup a {
    font-weight: 500;
    color: #FFF;
}

.sidebar #navxatPawns {
    filter: grayscale(1);
    pointer-events: none;
}

.abx-custom {
    background: var(--color-primary);
    background: linear-gradient(var(--color-primary), var(--color-secondary));
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter:none)) {
    .abx-custom {
        background: rgba(var(--color-primary-rgb), 0.8);
        background: linear-gradient(rgba(var(--color-primary-rgb), 0.8), rgba(var(--color-secondary-rgb), 0.8));
    }
}

.trade-custom .barPanel {
    background-color: var(--color-secondary);
}

.trade-custom .xButton, 
.trade-custom .xButtonS {
    background: var(--color-secondary)
}

.xavi-custom {
    background: var(--color-secondary);
    background: -moz-linear-gradient(top, var(--color-secondary) 0, var(--color-primary) 100%);
    background: -webkit-linear-gradient(top, var(--color-secondary), var(--color-primary));
    background: linear-gradient(180deg, var(--color-secondary) 0, var(--color-primary));
}

.xavi-custom .xButton:not([disabled]):active,
.xavi-custom .xButton:not([disabled]):hover {
    background: var(--color-primary);
}

.media-custom .controls {
    background: var(--color-secondary);
}

span#Phaseerr {
    margin-left: 9px;
}

span#MinBiderr {
    margin-left: 4px;
}