: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;
}

:root {
    --main_color: #A124F2; /* Neon Purple */
    --main_gradient_color: linear-gradient(135deg, #A124F2 0%, #E91E63 50%, #FA2E6B 100%); /* Hot Pink-Purple */
    --main_gradient_1: #A124F2;
    --main_gradient_2: #FA2E6B;
    --secondary_color1: #F5E1FF;
    --secondary_color2: #2B183E; /* Dark Purple */
    --secondary_color3: #D4AC0D; /* Gold Accent */
    --secondary_color4: #F8BBD0;
    --secondary_color5: #8C54A0;
    --secondary_color6: #1E0E2C;
    --secondary_color7: linear-gradient(188deg, rgba(43, 24, 62, 0.50) 6.14%, rgba(30, 14, 44, 0.00) 99.42%);
    --secondary_color8: linear-gradient(0deg, #FFD700 0%, #FA9E05 100%);
    --norm_red_color: #FF2E63; /* Bright Red */
    --norm_green_color: #00E676; /* Neon Green */
    --norm_blue_color: #00E5FF; /* Electric Blue */
    --norm_orange_color: #FF9100;
    --norm_Purple_color: #D500F9;
    --norm_hint_color: #FFEA00;
    --button_dis: #3A2E44;
    --text_primary: #FFFFFF;
    --text_secondary: #D500F9;
    --text_tertiary: #A6ACAF;
    --text_inverse: #121019;
    --text_btn_main: #FFFFFF;
    --text_disabled: #7F8C8D;
    --text_placeholder: #566573;
    --bg_color_L1: #0A090E; /* Deep obsidian */
    --bg_color_L2: #121018; /* Dark violet */
    --bg_color_L3: #1B1824; /* Medium violet-gray */
    --bg_color_L4: #050406;
    --Stroke_color: #A124F2;
    --Dividing_line_color: #261D30;
    --progress_bar: linear-gradient(270deg, #A124F2 0%, #FA2E6B 100%);
    --score-digit-color: linear-gradient(180deg, #FFEA00 16.27%, #FF9100 27.59%, #FFFFFF 40.92%, #F9F2A4 52.49%, #B7950B 62.03%, #D29D4D 68.28%, #FFEA00 74.86%, #BA8741 79.39%, #B6672E 84.94%);
    --champion1: #FFD700;
    --champion2: #C0C0C0;
    --champion3: #CD7F32;
    --champion-bg: #1B1824;
    --tips-color: #555965;
    --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, #A124F2 0%, #FA2E6B 100%);
    --Dividing-line_color: var(--Dividing_line_color);
    --button_dis_color: var(--button_dis);
    --Secondary_moto_Color9: #D500F9;
    --Secondary_moto_Color8: #2B183E;
    --turntable-glow-color: #D500F9;
}

.box_shadow {
    box-shadow: 0 4px 28px 0 rgba(161, 36, 242, 0.15);
}

.box_shadow_1 {
    box-shadow: 0 4px 4px 0 rgba(161, 36, 242, 0.35);
}

.box_shadow_2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6);
}

.text_shadow {
    text-shadow: 1px 2px 4px rgba(161, 36, 242, 0.5);
}

.btn_main_style {
    background: var(--main_gradient_color, linear-gradient(180deg, #A124F2 0%, #FA2E6B 100%));
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 2px 0 0 rgba(255, 255, 255, 0.8) inset, 0 4px 8px 0 rgba(161, 36, 242, 0.3);
}

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

.btn_Secondary_style {
    background: var(--bg_color_L1, #0A090E);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5), 0 2px 0 0 #261D30 inset;
}

.bottom_mix_style {
    background: var(--bg_color_L2, #121018);
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.05) inset, 0 -4px 28px 0 rgba(0, 0, 0, 0.8);
}

.bottom_nav_style {
    background: var(--bg_color_L2, #121018);
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.05) inset, 0 -4px 28px 0 rgba(0, 0, 0, 0.8);
}