:root:root {
    --van-primary-color: var(--main_color);
    --van-tabbar-item-active-color: var(--main_color);
    --van-tabbar-item-text-color: var(--text_color_L2);
    --van-sidebar-text-color: var(--main-color);
    --van-picker-background: var(--bg_color_L3);
    --van-picker-option-text-color: var(--text_color_L2);
    --van-picker-confirm-action-color: var(--main-color);
    --van-checkbox-checked-icon-color: var(--main-color);
    --van-checkbox-label-color: var(--text_color_L2);
    --van-field-input-text-color: var(--text_color_L1);
    --van-radio-checked-icon-color: var(--main-color);
    --van-grid-item-content-background: var(--bg_color_L1);
    --van-text-color: var(--text_color_L1);
    --van-dialog-background: var(--bg_color_L2);
    --van-circle-color: var(--main-color);
    --van-circle-layer-color: var(--bg_color_L3);
    --van-calendar-range-edge-background: var(--main-color);
    --van-button-primary-background: var(--main_color);
    --van-button-primary-border-color: var(--main-color);
    --van-toast-text-color: var(--main-color);
}

.van-picker-column__item.van-picker-column__item--selected {
    color: unset;
}

/* =====================================================
   GREEN + GOLDEN THEME - Casino Royal Style
   Main Color: Gold/Amber #D4AF37
   Background: Deep Forest Green dark tones
   ===================================================== */
:root {
    /* === MAIN GOLD/GREEN ACCENT COLORS === */
    --main_color: #D4AF37;
    --main_gradient_color: linear-gradient(180deg, #F5D020 0%, #A87C00 100%);
    --main_gradient_1: #F5D020;
    --main_gradient_2: #A87C00;

    /* === SECONDARY COLORS - Green family === */
    --secondary_color1: #1A3A2A;
    --secondary_color2: #1F4433;
    --secondary_color3: #2E7D52;
    --secondary_color4: #A8D5B5;
    --secondary_color5: #6DAB88;
    --secondary_color6: #0F2E1E;
    --secondary_color7: linear-gradient(182deg, rgba(0, 0, 0, 0.08) 6.14%, rgba(0, 0, 0, 0) 99.42%);
    --secondary_color8: linear-gradient(0deg, #D4AF37 0%, #F5D020 100%);

    /* === STANDARD COLORS === */
    --norm_red_color: #FF4B4B;
    --norm_green_color: #22C970;
    --norm_blue_color: #4DAAFF;
    --norm_orange_color: #F5A623;
    --norm_hint_color: #D4AF37;
    --button_dis: #2A4E36;
    --norm_Purple_color: #A44FE0;

    /* === TEXT COLORS === */
    --text_primary: #FFFFFF;
    --text_secondary: #C8D8C0;
    --text_tertiary: #7AA080;
    --text_inverse: #FFFFFF;
    --text_btn_main: #0F2E1E;
    --text_disabled: #4A6355;
    --text_placeholder: #5A7360;

    /* === COLOR ALIASES === */
    --text_color_L1: var(--text_primary);
    --text_color_L2: var(--text_secondary);
    --text_color_L3: var(--text_tertiary);
    --text_color_L4: var(--text_btn_main);

    /* === BACKGROUND COLORS - Deep Green Dark Theme === */
    --bg_color_L1: #071A10;
    --bg_color_L2: #0C2418;
    --bg_color_L3: #122E20;
    --bg_color_L4: #1A3D2B;

    /* === BORDERS & DIVIDERS === */
    --Stroke_color: #1A3D2B;
    --Dividing_line_color: #244D35;

    /* === SPECIAL EFFECTS === */
    --progress_bar: linear-gradient(270deg, #F5D020 0%, #A87C00 100%);
    --box_shadow_1: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    --score-board-bg: linear-gradient(0deg, #1E5C35 0%, #0A3520 100%);
    --score-start-bar: linear-gradient(180deg, #D4AF37 0%, #FFF5B0 30.77%, #FFFFF0 60.1%, #B8961E 80.77%, #C9A830 100%);
    --score-box-shadow: rgba(212, 175, 55, 0.5);
    --score-box-glow: #1A5C30;
    --score-digit-color: linear-gradient(180deg, #F5D020 16.27%, #E8C830 27.59%, #FFFDE8 40.92%, #FFF8C0 52.49%, #C9A030 62.03%, #D4AF37 68.28%, #FFE050 74.86%, #B89020 79.39%, #A07010 84.94%);

    /* === CHAMPION COLORS === */
    --champion1: #D4AF37;
    --champion2: #80C090;
    --champion3: #8DAF72;
    --champion-bg: #1A3D2B;
    --tips-color: #3A6040;

    /* === ALIAS VARS === */
    --text_color_L1: var(--text_primary);
    --text_color_L4: var(--text_btn_main);
    --main_gradient-color: var(--main_gradient_color);
    --norm_bule-color: var(--norm_blue_color);
    --norm_red-color: var(--norm_red_color);
    --norm_orange-color: var(--norm_orange_color);
    --norm_green-color: var(--norm_green_color);
    --norm_Purple-color: var(--norm_Purple_color);
    --norm_secondary-color: var(--norm_orange_color);
    --sheet_nva_color: var(--main_color);
    --light-main_gradient-color: var(--main_gradient_color);
    --text_color_L2: var(--text_tertiary);
    --main-color: var(--main_color);
    --main_gradient-color2: linear-gradient(0deg, #F5D020 0%, #A87C00 100%);
    --Dividing-line_color: var(--Dividing_line_color);
    --button_dis_color: var(--button_dis);
    --Secondary_moto_Color9: #D4AF37;
    --Secondary_moto_Color8: #2A4A1A;
    --turntable-glow-color: #22C970;
}

.box_shadow_1 {
    box-shadow: var(--box_shadow_1);
}

.text_shadow {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

.btn_main_style {
    background: var(--main_gradient_color, linear-gradient(10.43deg, #1E7A40 14.69%, #22C970 85.31%));
    box-shadow: 0 4px 8px 0 rgba(10, 50, 20, 0.35), 0 2px 0 0 rgba(255, 255, 200, 0.4) inset, 0 -4px 4px 0 rgba(0, 0, 0, 0.25) inset;
}

.btn_orange_style {
    background: var(--norm_orange_color);
}

.btn_Secondary_style {
    border-radius: 8px;
    background: var(--bg_color_L1, #071A10);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 2px 0 0 rgba(30, 80, 40, 0.9) inset;
}

.bottom_mix_style {
    border-radius: 8px;
    background: var(--bg_color_L2, #0C2418);
    box-shadow: 0 2px 0 0 rgba(212, 175, 55, 0.3) inset, 0 -2px 12px 0 rgba(0, 0, 0, 0.15);
}

.bottom_nav_style {
    border-radius: 8px;
    background: var(--bg_color_L2, #0C2418);
    box-shadow: 0 2px 0 0 #1A6030 inset, 0 -2px 12px 0 rgba(0, 0, 0, 0.15);
}