:root {
    /* Main */
    --main-color: #10B981;
    --main-gradient-start: #34D399;
    --main-gradient-end: #059669;

    --main_gradient-color: linear-gradient(180deg, var(--main-gradient-start), var(--main-gradient-end));
    --main_gradient-color2: linear-gradient(90deg, var(--main-gradient-start), var(--main-gradient-end));
    --light-main_gradient-color: linear-gradient(70deg, #A7F3D0 13.12%, #34D399 86.88%);

    /* Home */
    --bg_HomeModule_Stroke: rgba(16,185,129,.15);
    --bg_HomeModule_Padding: var(--bg_color_L2,#FFF);

    /* Status */
    --norm_red-color: #EF4444;
    --norm_green-color: #10B981;
    --norm_secondary-color: #F59E0B;
    --norm_Purple-color: #8B5CF6;
    --norm_bule-color: #3B82F6;

    /* Buttons */
    --button_dis_color: #D6DCE5;

    /* Secondary */
    --Secondary_red_color: #FF6B6B;
    --Secondary_green_color: #22C55E;
    --Secondary_Color1: #FFF2F2;
    --Secondary_Color2: #ECFDF5;
    --Secondary_moto_Color9: #F59E0B;
    --Secondary_moto_Color8: #374151;

    /* Text */
    --text_color_L1: #111827;
    --text_color_L2: #6B7280;
    --text_color_L3: #9CA3AF;
    --text_color_L4: #FFFFFF;

    /* Background */
    --bg_color_L1: #F6F8FA;
    --bg_color_L2: #FFFFFF;
    --bg_color_L3: #EEF2F7;

    /* Divider */
    --Dividing-line_color: #E5E7EB;

    /* Bottom Navigation */
    --sheet_nva_color: #10B981;
    --sheet_detail_bg_color: #F3F4F6;

    /* White */
    --light-bg_white: #FFFFFF;
    --text_white: #FFFFFF;

    /* Icons */
    --icon1: rgba(16,185,129,.75);
    --icon2: rgba(16,185,129,.18);

    /* Tabs */
    --tab1: #10B981;
    --tab2: #34D399;

    /* ===========================
       Vant UI
       =========================== */

    --van-sidebar-text-color: var(--main-color);

    --van-picker-background: var(--bg_color_L2);
    --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-radio-label-color: var(--text_color_L2);

    --van-grid-item-content-background: var(--bg_color_L2);

    --van-text-color: var(--text_color_L1);

    --van-dialog-background: var(--bg_color_L2);

    --van-circle-color: var(--main-color);
    --van-circle-layer-color: #D1FAE5;

    --van-calendar-background: var(--bg_color_L1);
    --van-calendar-range-edge-background: var(--main-color);

    --van-cell-background: var(--bg_color_L2);

    --van-button-default-background: var(--main_gradient-color);
    --van-button-primary-background: var(--main_gradient-color);
    --van-button-primary-border-color: var(--main-color);
    --van-button-primary-color: var(--text_color_L4);

    --van-slider-active-background: var(--main-color);
    --van-slider-inactive-background: #D1FAE5;

    --van-collapse-item-content-background: var(--bg_color_L1);

    --van-action-sheet-item-background: var(--bg_color_L2);
    --van-action-sheet-item-text-color: var(--text_color_L1);

    --van-popover-light-background: var(--bg_color_L2);

    --van-dialog-has-title-message-text-color: var(--text_color_L2);
}

/* Picker */

:root {
    --van-picker-cancel-action-color: #111827;
    --van-picker-confirm-action-color: #10B981;
}

.van-picker__cancel,
.van-picker__confirm {
    color: #111827 !important;
    font-weight: 600;
    padding: 0 16px;
}