/** 全局调色板 **/
body {
    /* 灰度色阶 */
    --tap-color-grey-900: #FFFFFF;
    --tap-color-grey-800: #F6F8F9;
    --tap-color-grey-700: #F4F5F6;
    --tap-color-grey-600: #E2E6EA;
    --tap-color-grey-500: #D4D8DC;
    --tap-color-grey-400: #B5BBC0;
    --tap-color-grey-300: #898F9E;
    --tap-color-grey-200: #5F666E;
    --tap-color-grey-100: #272B36;

    /* 主题色 */
    --tap-color-primary-1: #12F27E;
    --tap-color-primary-2: linear-gradient(97deg, #00E66F 0%, #A8FF00 100%);
    --tap-color-primary-3: #B2FFD7;

    /* 辅助色 */
    --tap-color-second-1-1: #B4FF22;
    --tap-color-second-1-2: #D7FF87;
    --tap-color-second-2-1: #FF4E00;
    --tap-color-second-3-1: #5402FE;

    /* 背景色 */
    --tap-color-background-1: #FFFFFF;
    --tap-color-background-2: linear-gradient(123deg, #F0FFEA 0%, #E0FFF4 98.91%);
    --tap-color-background-4: #FFFFFF99;
    --tap-color-mask-1: #262C3D1A;
    --tap-color-mask-2: #262C3DB2;

    /* 功能色 */
    --tap-color-function-blue-1: #00C4DE;
    --tap-color-function-blue-2: #B4F6FF;
    --tap-color-function-yellow-1: #FFA800;
    --tap-color-function-yellow-2: #FFE975;
    --tap-color-function-green-1: #08CA65;
    --tap-color-function-green-2: #A6FFD1;
    --tap-color-function-red-1: #FF697B;
    --tap-color-function-red-2: #FFDEE2;

    --tap-color-primary: #12F27E;
    --tap-color-primary-light: #B2FFD7;
    --tap-color-primary-variant: #D7FEEA;

    --tap-color-surface: #EDF3EB;
    --tap-color-on-surface: var(--tap-color-grey-200);
    --tap-color-on-surface-dark: var(--tap-color-grey-100);
    --tap-color-on-surface-variant: #999999;

    /* TDesign 相关 */
    --td-popup-border-radius: 16px;
    --td-popup-bg-color: var(--tap-color-background-1);
    --td-overlay-bg-color: rgba(38, 44, 61, 0.10);
}