:root {
    --light-surface: #ffffff;
    --light-surface-soft: #f8fbff;
    --light-surface-muted: #eef5ff;
    --light-border: #d5e8ff;
    --light-border-strong: #b9dbff;
    --light-text: #21344f;
    --light-text-soft: #597392;
    --light-overlay: rgba(88, 168, 246, 0.18);
    --light-gradient: linear-gradient(90deg, #58a8f6 0%, #70bcff 100%);
    --light-gradient-soft: linear-gradient(90deg, #7cc5ff 0%, #9fd8ff 100%);
}

body {
    background: linear-gradient(180deg, #f9fbff 0%, #edf4ff 100%) !important;
    color: var(--light-text);
}

.body-overlay.show,
.registration-area .bg-img .img-overlay,
.delete_order,
section.number_popup {
    background: var(--light-overlay) !important;
}

.icon-item:hover,
.score-item:hover,
.sport-wrapper:hover,
.profile-menu ul li:hover a,
.table-body-wrapper .table tbody tr:hover,
.transaction-wrapper .accordion-item h2 button,
.profile-menu button,
.payment-review-wrapper button,
.payment-info-wrapper .info-item h5,
.payment-info-wrapper .info-item button,
.modal-footer button,
.recharge-btn,
.recharge-amount-wrapper .amount-btn-wrapper button,
.go_payment_btn,
.confirmation_ntn a,
.btn-primary,
.btn-dark,
.order_cancel,
a.deleteBtn,
button.btn_p,
.header,
.amount-banner,
.pay_details_banner,
.time_over {
    background: var(--light-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(88, 168, 246, 0.2) !important;
}

.icon-item:hover,
.score-item:hover,
.sport-wrapper:hover,
.profile-menu ul li:hover a,
.table-body-wrapper .table tbody tr:hover {
    background: var(--light-gradient-soft) !important;
}

.go_payment_btn[disabled] {
    opacity: 0.58 !important;
}

.main-menu,
.profile-menu,
.money-log-table-wrapper,
.transaction-wrapper,
.personal-data-wrapper,
.payment-preview-wrapper-main,
.payment-info-wrapper,
.payment-submit-wrapper,
.withdraw-wrapper,
.sport-details-wrapper,
.recharge-wrapper,
.recharge-amount-wrapper,
.main-form-wrapper,
.wallet-card,
.stat-box,
.transaction-item,
.notification-box,
.appHeader,
.extraHeader,
.appBottomMenu,
.modalbox .modal-content,
.delete_container,
.number_popUp_container,
.account-area,
.b.card-body,
.card.sec-card,
.listview,
.appCard,
.section.inset,
.section.full,
.section.wallet-card-section,
#appCapsule .container > div,
#appCapsule .container > a.btn {
    background-color: var(--light-surface) !important;
    border-color: var(--light-border) !important;
    box-shadow: 0 10px 24px rgba(88, 168, 246, 0.12) !important;
    color: var(--light-text);
}

.money-log-table-wrapper ul,
.recharge-payment-top,
.table-body-wrapper .table thead tr,
.table-body-wrapper .table tbody tr,
.profile-top {
    background: var(--light-gradient) !important;
    border-color: var(--light-border) !important;
}

.table-body-wrapper .table tbody tr {
    border-top: 1px solid var(--light-border-strong) !important;
    border-bottom: 1px solid var(--light-border-strong) !important;
}

.sport-wrapper .sport-vs .match-countdown-circle {
    background: conic-gradient(#57b2fb var(--progress), #d9ebff 0) !important;
    box-shadow: 0 8px 18px rgba(88, 168, 246, 0.18) !important;
}

.sport-wrapper .sport-vs .countdown-inner {
    background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
    border-color: #9fd3ff !important;
}

.sport-wrapper .sport-vs .countdown-label {
    color: #4f7fb4 !important;
}

.sport-wrapper .sport-vs .countdown-time {
    color: #16375d !important;
}

.sport-wrapper .sport-vs .match-countdown-circle.is-live .countdown-inner {
    background: linear-gradient(180deg, #ffe7e7 0%, #ffd7d7 100%) !important;
    border-color: #ffb5b5 !important;
}

.sport-wrapper .sport-vs .match-countdown-circle.is-live .countdown-label,
.sport-wrapper .sport-vs .match-countdown-circle.is-live .countdown-time {
    color: #8f3636 !important;
}

.team-board .team h3,
.sport-wrapper .sport-left h5,
.sport-wrapper .sport-right h5,
.sport-wrapper .sport-vs p,
.profile-menu ul li a p,
.footer-item a,
.w-balance,
.appHeader .left .headerButton,
.appHeader .right .headerButton,
.appBottomMenu .item,
.appBottomMenu .item .icon,
.text-primary,
a,
a:hover,
a:focus {
    color: #2f91f5 !important;
}

.reason textarea,
.transaction_id,
.copy_pay_number,
input.write_account,
.custom_amount_select .form-control,
.select2-container--default .select2-selection--single,
.payment-review-wrapper input,
.payment-info-wrapper .info-item input,
.bed-now-modal .amount-display .widget input {
    background: var(--light-surface-soft) !important;
    color: var(--light-text) !important;
    border-color: var(--light-border-strong) !important;
    box-shadow: none !important;
}

.select2-dropdown,
.select2-container--default .select2-selection--single {
    border-color: var(--light-border-strong) !important;
}

.btn_p.btn_p_can,
a.btn.btn-light.c_btn {
    background: #fff !important;
    color: #2f91f5 !important;
    border: 1px solid var(--light-border-strong) !important;
}

.pay_details_header,
.pay_step,
.details_star,
.delete_header h4,
.desc p,
.reason ul li,
.one_pay_order_id p,
.one_pay_order_id p span:last-child,
.any_issue,
.card,
.card-body,
.small-font-lg,
.appHeader,
.appHeader .pageTitle,
.listview-title,
.listview > li,
.listview > li .text,
.text-dark,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--light-text) !important;
}

.appHeader.bg-dark:before,
.appHeader.bg-primary:before,
.appHeader.bg-secondary:before,
.appHeader.bg-success:before,
.appHeader.bg-warning:before,
.appHeader.bg-danger:before,
.appHeader.bg-info:before {
    background: #ffffff !important;
}

.main-menu .my-profile-wrapper .profile-top,
.sub91-menu-head,
.sub91-topbar,
.sub91-bottom-nav {
    box-shadow: none !important;
}