:root {
    --wb-navy: #041426 !important;
    --wb-dark: #020912 !important;
    --wb-panel: #071B33 !important;
    --wb-royal: #0D47A1 !important;
    --wb-blue: #1565C0 !important;
    --wb-glow: #1E6FE8 !important;
    --wb-gold: #D4AF37 !important;
    --wb-gold-bright: #F3C75F !important;
    --wb-gold-dark: #9B6A13 !important;
    --wb-champagne: #F7E2A3 !important;
    --wb-white: #FFFFFF !important;
    --wb-text: #F2F5F8 !important;
    --wb-muted: #A8B4C4 !important;

    --cs-pr: #1565C0 !important;
    --cs-sc: #1E6FE8 !important;
    --cs-dark: #041426 !important;
    --cs-white: #F2F5F8 !important;
    --cs-gr-pr: #041426 !important;
    --cs-gr-sc: #071B33 !important;

    --cs-header-gradient: linear-gradient(to left, #041426 0%, #071B33 50%, #041426 100%) !important;
    --cs-btn-gradient: linear-gradient(to bottom, #1E6FE8 0%, #0D47A1 100%) !important;
    --cs-icon-gradient: linear-gradient(to bottom, #1E6FE8 0%, #1565C0 100%) !important;

    --yellow: #D4AF37 !important;
    --gold: #F3C75F !important;
    --orange: #1565C0 !important;

    --hero: 21, 101, 192 !important;
    --brand: 21, 101, 192 !important;
    --header: 4, 20, 38 !important;
    --b: 4, 20, 38 !important;
    --accent: 30, 111, 232 !important;
    --oc-1: 30, 111, 232 !important;
    --oc-1-sc: 2, 9, 18 !important;
    --oc-1-hover: 21, 101, 192 !important;
    --oc-2: 242, 245, 248 !important;
    --oc-3: 255, 52, 73 !important;
    --menu: 4, 20, 38 !important;
    --tab-navigation: 4, 20, 38 !important;
    --success: 30, 111, 232 !important;
    --odd-up: 30, 111, 232 !important;

    --layout-width: 1670px;
    --cs-bg: none;
    --border-radius: 8px;
}

html, body {
    background: radial-gradient(circle at top, #071B33 0%, #041426 45%, #020912 100%) !important;
    background-color: #041426 !important;
    color: #F2F5F8 !important;
}

.header-bc,
.layout-header-holder-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc,
.nav-content-bc,
.nav-menu-container,
.nav-menu-container.header-navigation,
.sportsbook-container,
.left-menu-container,
.right-menu-container,
.center-column-container,
.betslip-holder-bc,
.betslip-bc,
.footer-bc,
.popup-inner-bc,
.modal-content,
.dialog-content,
.hdr-main-content-bc,
.horizontalNavigationList {
    background: #041426 !important;
    background-color: #041426 !important;
}

.header-bc,
.nav-menu-sub,
.nav-menu-container.header-navigation {
    background: linear-gradient(to left, #041426 0%, #071B33 50%, #041426 100%) !important;
}

.card-bc,
.widget-bc,
.panel-bc,
.u-i-p-a-content-bc,
.betslip-content-bc {
    background-color: #071B33 !important;
}

/* nav icons + labels: darker blue, brighter text */
.nav-menu-container .nav-menu-item i,
.nav-menu-container .nav-menu-item [class*="bc-i-"],
.nav-menu-container .nav-menu > li > .nav-menu-item i,
.nav-menu-container .nav-menu-other > .nav-menu-item i,
.hdr-navigation-bc i,
.horizontalNavigationList i {
    color: #1E6FE8 !important;
}

.nav-menu-container .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item {
    color: #F2F5F8 !important;
}

.nav-menu-container .nav-menu-item.active,
.nav-menu-container .nav-menu-item.selected,
.nav-menu-container a.nav-menu-item[class*="active"],
.nav-menu-container .nav-menu > li.active > .nav-menu-item,
.nav-menu-container .nav-menu > li > .nav-menu-item.active,
.btn.a-color,
.btn.s-color,
.btn.primary,
.hdr-user-bc .btn.register {
    color: #FFFFFF !important;
    background: linear-gradient(to bottom, #1E6FE8 0%, #0D47A1 100%) !important;
    background-color: #1565C0 !important;
    border-color: #0D47A1 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
}

.nav-menu-container .nav-menu-item:hover,
.nav-menu-container .nav-menu > li > .nav-menu-item:hover {
    color: #5B9BFF !important;
}

.sport-search-icon-bc,
.sgm-market-search-icon,
.search-icon,
.favorite-icon,
.active-icon {
    color: #1E6FE8 !important;
    border-color: #1E6FE8 !important;
}

.active, .selected, .highlighted {
    border-color: #1565C0 !important;
}

.hdr-user-bc .btn.sign-in,
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions],
.hdr-toggle-button-bc {
    color: #F2F5F8 !important;
    background: transparent !important;
    border: 1px solid #1E6FE8 !important;
    border-radius: 8px !important;
}

.hdr-user-bc .btn.sign-in:hover,
.header-custom-buttons a[class*=promotions]:hover,
.hdr-toggle-button-bc:hover {
    background: rgba(30, 111, 232, 0.22) !important;
    border-color: #1565C0 !important;
}

.deposit-btn,
.hdr-user-bc .deposit-btn {
    color: #FFFFFF !important;
    background: linear-gradient(to bottom, #1E6FE8 0%, #0D47A1 100%) !important;
    background-color: #1565C0 !important;
    border: 1px solid #0D47A1 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
}

.footer-bc a, .footer-bc { color: #A8B4C4 !important; }
.balance-bc, .hdr-user-balance, .user-balance { color: #F3C75F !important; }

.bg-black, .black-bg, [class*="black-bg"] {
    background-color: #041426 !important;
}

.account-verified-icon,
.sportBonus-value.Approved,
.CheckCircleIcon,
.validation-content .bc-i-checked,
.betslip-success-message .bs-notification-icon-bc {
    color: #1E6FE8 !important;
}

.validation-content .valid,
.status-completed,
.horizontal-sl-item-bc.active,
[class*=sgm-market-s].Y {
    background: #1565C0 !important;
    background-color: #1565C0 !important;
    color: #FFFFFF !important;
}

.avatarHolderImg.user-verified {
    box-shadow: 0 0 6px #1E6FE8, 0 0 20px #1E6FE8 !important;
}

.betslip-success-message {
    background: #1E6FE833 !important;
}

/* body/text contrast */
.sp-s-title-bc,
.market-title,
.sgm-title,
.betslip-title,
.u-i-p-title,
.hdr-user-bc,
.nav-menu-container span {
    color: #F2F5F8 !important;
}