:root {
    --primary-color: #D4AF37;
    --primary-dark: #B8962E;
    --primary-light: #E8C860;
    --gold-color: #FFD700;
    --gold-dark: #DAA520;
    --dark-color: #000000;
    --dark-light: #0d0d0d;
    --dark-medium: #1a1a1a;
}

.cmn--btn {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.cmn--btn:hover {
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-2px) !important;
}

.cmn--outline--btn {
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent !important;
}

.cmn--outline--btn:hover {
    background: var(--primary-color) !important;
    color: #000 !important;
}

.text--base {
    color: var(--primary-color) !important;
}

.text--primary {
    color: var(--primary-color) !important;
}

.bg--primary {
    background-color: var(--primary-color) !important;
}

.btn--primary {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

.badge--primary {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

.bg--base {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}

.btn--base {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
    border: none !important;
}

.scrollToTop {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
}

.preloader {
    background: #000000 !important;
}

.preloader .loader span {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 2px solid var(--primary-color) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
}

.header-section {
    background: #000000 !important;
}

.header-top {
    background: rgba(0, 0, 0, 0.9) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.header-bottom {
    background: rgba(0, 0, 0, 0.95) !important;
}

.footer-section {
    background: #000000 !important;
}

.footer-top {
    background: #000000 !important;
}

.footer-middle {
    background: var(--dark-light) !important;
}

.footer-bottom {
    background: #000000 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.post__share li a:hover {
    background: var(--primary-color) !important;
    color: #000 !important;
    border-color: var(--primary-color) !important;
}

.cmn--form--control {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.cmn--form--control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1) !important;
}

.dashboard__item {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dashboard__item .dashboard__thumb {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}

.feature__item {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.feature__item:hover {
    border-color: rgba(212, 175, 55, 0.3) !important;
}

.feature__item .feature__thumb i {
    color: var(--primary-color) !important;
}

.faq__item {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.faq__item.open .faq__title {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}

.post__item {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cookies-card {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cookies-card__icon {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}

.badge--base {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
}

.pagination .page-item a.active,
.pagination .page-item a:hover,
.pagination .page-item span.active,
.pagination .page-item span:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

.contact__item {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.predict-type-item .icon {
    color: var(--primary-color) !important;
}

.widget {
    background: var(--dark-light) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.reply-item {
    background: var(--dark-light) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.table {
    background: var(--dark-light) !important;
}

.table thead th {
    background: var(--primary-color) !important;
    color: #000 !important;
}

.cmn--table thead tr th {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
}

.trade--tabs .nav-item .nav-link.active {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
    color: #000 !important;
}

.highlow-time-duration li a.active,
.highlow-time-duration li a:hover {
    background: var(--primary-color) !important;
    color: #000 !important;
}

.breadcrumb-section {
    background: var(--dark-light) !important;
}

.banner-section {
    background: #000000 !important;
}

.call-to-action {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}

.call-to-action .title {
    color: #000 !important;
}

.call-to-action .cmn--btn {
    background: #000 !important;
    color: var(--primary-color) !important;
}

.dropdown-list > .dropdown-list__item:hover {
    background: var(--primary-color) !important;
    color: #000 !important;
}

.payment-item:has(.payment-item__radio:checked) {
    border-left: 3px solid var(--primary-color) !important;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check {
    border: 3px solid var(--primary-color) !important;
}

.payment-item__check {
    border: 1px solid var(--primary-color) !important;
}

.social-login-btn:hover {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

::selection {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color) !important;
}

.register-disable-footer-link {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color)) !important;
}