@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root, body {
  --van-primary-color:#ee0a24; --van-active-color:#3a3a3c; --van-text-color:#323233;
  --van-text-color-2:#3a3a3c; --van-background:#f6f6f6; --van-background-2:#ffffff;
  --van-border-color:#e6e8e8; --van-cell-border-color:#e6e8e8;
  --van-nav-bar-background:linear-gradient(180deg,#CE0204,#F13F3A);
  --van-nav-bar-text-color:#ffffff; --van-nav-bar-icon-color:#ffffff;
  --van-nav-bar-title-text-color:#ffffff; --van-tabbar-item-active-color:#ee0a24;
}
html, body, button, input, select, textarea,
.van-button, .van-cell, .van-nav-bar, .van-tabbar, .van-tabbar-item,
[class*="van-"] {
  font-family:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.amount,.balance,.money,.num,[class*="amount"],[class*="balance"],[class*="wallet"]{
  font-family:'Poppins','Inter',sans-serif !important; font-weight:600;
}
body{ background:#f6f6f6 !important; color:#323233; }
/* Vant top nav only (scoped) */
.van-nav-bar,.van-nav-bar__title{
  background:linear-gradient(180deg,#CE0204,#F13F3A) !important; color:#fff !important;
}
.van-nav-bar .van-nav-bar__title,.van-nav-bar .van-icon,.van-nav-bar__text{ color:#fff !important; }
/* primary buttons */
.van-button--primary,.van-button--danger,.btn-primary,.submit-btn,.login-btn,.confirm-btn,.bet-btn{
  background:linear-gradient(180deg,#CE0204,#F13F3A) !important; border-color:#ee0a24 !important; color:#fff !important;
}
.btn-gold,.recharge-btn,.vip-btn,[class*="recharge"] .van-button{
  background:linear-gradient(to right,#ffd01e,#ff8917) !important; border:none !important; color:#7a3b00 !important;
}
.van-tabbar{ background:#fff !important; }
.van-tabbar-item--active,.van-tabbar-item--active .van-icon,.van-tabbar-item--active .van-tabbar-item__text{ color:#ee0a24 !important; }
.van-cell,.van-card{ background:#fff !important; border-color:#e6e8e8 !important; }
/* accent (scoped to Vant tabs, NOT all links) */
.van-tab--active,.text-primary{ color:#ee0a24 !important; }
.van-tabs__line{ background:#ee0a24 !important; }
.promo,[class*="promo"] .van-button{ background:linear-gradient(90deg,#f95959 0%,#ff9a8e 100%) !important; color:#fff !important; }
.van-switch--on{ background:#ee0a24 !important; }

/* ---- uniform desktop background behind the centered mobile app ---- */
html, body, #app {
  background: #f6f6f6 !important;
  background-image: none !important;
}