/* GLOBAL CSS VARS OVERRIDE FOR PAKCLUB THEME */
:root, :host {
    --text_color_L1: #FFFFFF !important;
    --text_color_L2: #B38F7E !important;
    --text_color_L3: #FF5B5B !important;
    --text_color_L4: #FFFFFF !important;
    --text_color_L5: #FF5B5B !important;

    --main-color: #D66D14 !important;
    --main_gradient-color: linear-gradient(180deg, #FA7A06 0%, #EA5C16 100%) !important;
    --main_gradient-color2: linear-gradient(0deg, #FA7A06 0%, #EA5C16 100%) !important;
    --light-main_gradient-color: linear-gradient(180deg, #FA7A06 0%, #EA5C16 100%) !important;
    --light-bg_white: #291812 !important;
    --light-main-color: #D66D14 !important;
    --button_dis_color: #53443E !important;
    --bg_color_L1: #18110F !important;
    --bg_color_L2: #291812 !important;
    --bg_color_L3: #38241C !important;
    --Dividing-line_color: #6B5249 !important;
    --sheet_nva_color: #D66D14 !important;
    --sheet_detail_bg_color: #302F27 !important;
    --Secondary_Color1: #6D5147 !important;
    --Secondary_Color2: #534642 !important;
    --Secondary_moto_Color9: #E49753 !important;
    --Secondary_moto_Color8: #54402E !important;
    --tab1: #F5B73B !important;
    --tab2: #F5853B !important;
    --van-sidebar-text-color: #D66D14 !important;
    --van-picker-background: #291812 !important;
    --van-picker-option-text-color: #B38F7E !important;
    --van-picker-confirm-action-color: #D66D14 !important;
    --van-popup-background: #201D2B !important;
    --van-checkbox-checked-icon-color: #D66D14 !important;
    --van-radio-checked-icon-color: #D66D14 !important;
    --van-grid-item-content-background: #18110F !important;
    --van-dialog-background: #291812 !important;
    --van-circle-color: #D66D14 !important;
    --van-calendar-background: #18110F !important;
    --van-calendar-range-edge-background: #D66D14 !important;
    --van-calendar-selected-day-color: #D66D14 !important;
    --van-calendar-selected-day-background: #291812 !important;
    --van-background: #18110F !important;
    --van-background-2: #291812 !important;
    --van-active-color: #38241C !important;
}

body, html, #app, .app-container {
    background-color: var(--bg_color_L1) !important;
    color: #FFFFFF !important;
}

/* Fix SVG sizing just in case */
.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.GameRecord__C-body, .TimeLeft__C, .wallet-box {
    background-color: transparent !important;
}

.platform-desc, .company-info, .info-section, .footer-desc, [class*="footer"], .about-text {
    color: #FF5B5B !important;
}

/* Force category titles to White */
[class*="title"], [class*="Title"], [class*="name"] {
    color: #FFFFFF !important;
}

/* Force subtitles/descriptions to Red */
[class*="desc"], [class*="Desc"], [class*="info"], [class*="subtitle"], [class*="Subtitle"] {
    color: #FF5B5B !important;
}

/* Revert specific elements that shouldn't be overridden */
.van-button__text, .van-tab__text, .van-nav-bar__title, .van-nav-bar__text {
    color: inherit;
}
.van-nav-bar__title {
    color: #FFFFFF !important;
}

/* Ensure active tabs and brand logos are white */
.van-tab--active, 
.van-tab--active .van-tab__text, 
.van-tab--active svg, 
.van-tab--active i, 
.van-tab--active span,
.active [class*="name"],
.active [class*="title"],
.active svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Ensure inactive tabs are readable light brown */
.van-tab, .van-tab .van-tab__text {
    color: #B38F7E !important;
}
.van-tab--active {
    color: #FFFFFF !important;
}