:root {
    --font-size: 14px;                                /* 主体字号 */
    
    /* 主色 */
    --global-color: #6434FF;                        /* 主色调 */
    --title-color: #040F43;                         /* 标题文本色 */
    --text-color: #040F43;                          /* 通用文本色 */
    --info-color: #8187A1;                          /* 通用信息色 */
    --info-background-color: #F2F5FF;               /* 通用信息背景色 */    
    --disabled-color: #E1E6F0;                      /* 通用禁用色 */
    --hover-color: var(--global-color);               /* 悬浮文本色 */
    --stripe-background-color: #f7f9ff;             /* 斑马纹背景色 */
    --banner-des-color: #999999;                    /* 横幅描述色 */
    --banner-text-color: #fff;                      /* 横幅文本色 */    

    /* 状态颜色 */
    --wait-color: #0000ff;                          /* 等待色 */
    --success-color: #00BA09;                       /* 成功色 */  
    --waiting-color: #FFAC00;                       /* 等待中色 */
    --saleing-color: #E49A00;                       /* 出售中色 */
    --editing-color: #E49A00;                       /* 修改中色 */
    --error-color: #E8001C;                         /* 错误色 */
    --alert-color: #E8001C;                         /* 提醒色 */
    --strongwarn-color: #00BA09;                    /* 强提示色 */
    --cancel-color: #8187A1;                        /* 取消色 */

    /* 中性色 */
    --icon-color: #8187A1;                          /* 通用图标色 */
    --border-color: #E1E6F0;                        /* 通用边框色 */
    --hover-background-color: #f2f5ff;              /* 鼠标移入背景 */
    --table-header-background-color: #F3F5FC;       /* 表头背景色 */
    --table-header-text-color: #040F43;             /* 表头文本色 */
    --table-stripe-background-color: #F7F9FF;       /* 表格斑马线背景色 */
    --table-hover-background-color: #F9F7FF;        /* 表格移入背景色 */
    

    /* 文字色 */
    --content-title-color: #040F43;                  /* 正文标题色 */
    --high-color: var(--global-color);                 /* 亮色 */
    --list-des-text-color: #8187A1;                  /* 列表描述文字 */

    /* 字体 */
    --PingFangSC: PingFangSC,PingFang SC,PingFangSC-Regular,Arial,"Microsoft YaHei",Tahoma,Helvetica,sans-serif;
    --PingFang-Medium: PingFangSC-Medium,var(--PingFangSC);
    --PingFang-Semibold: PingFangSC-Semibold,var(--PingFangSC);
    --Arial-Regular: Arial-Regular,var(--PingFangSC);
    --Arial-Bold: Arial-Bold,var(--PingFangSC);
    --DIN-Medium: DIN-Medium,var(--PingFangSC);
    --DIN-Bold: DIN-Bold,var(--PingFangSC);

    --PingFangSC-Regular: PingFangSC-Regular,var(--PingFangSC);
    --DINProM: DINProM,var(--PingFangSC);

    /* 导航相关 */
    --nav-background-color: linear-gradient(289deg,rgb(20,37,141) 0%,rgb(5,16,68) 85%,rgb(4,15,65) 100%);           /* 导航栏背景色 */
    --nav-text-color: #ffffff;                      /* 导航栏文本色 */
    --nav-a-hover-color: var(--global-color);         /* 导航栏文本色 */
    --nav-drop-background-color: #fff;              /* 导航栏下拉背景色 */
    --nav-drop-title-color: #040F43;                /* 导航栏下拉title文本色 */
    --nav-drop-text-color: #040F43;                 /* 导航栏下拉文本色 */
    --nav-mark-icon-color: #fff;                    /* 导航栏下拉标记icon色 */
    --nav-mark-icon-background-color: #E8001C;      /* 导航栏下拉标记icon背景色 */

    /* foot底部相关 */
    --foot-background-color: linear-gradient(309deg,rgba(0,17,120,1) 0%,rgba(5,16,68,1) 46%,rgba(4,15,65,1) 100%);  /* 底部背景色 */
    --foot-text-color: rgba(255,255,255,.5);        /* 底部文本色 */
    --foot-a-hover-color: rgba(255,255,255,1);      /* 底部跳转文本hover色 */
    --foot-title-color: rgba(255,255,255,.8);       /* 底部title文本色 */

    /* form表单相关 (输入框 选择框 下拉框 单选框 复选框)*/
    --form-label-color: #8187A1;                            /* 表单label文本色 */    
    --form-error-msg: #e8001c;                              /* 错误提示文本色 */       
    --select-hover-background-color: #f2f5ff;               /* 下拉选择项hover背景色 */
    --select-hover-text-color: var(--global-color);           /* 下拉选择项hover文本色 */
    --input-border-color: var(--border-color);                /* 输入框色 */
    --input-hover-border-color: var(--global-color);          /* 输入框hover色 */
    --input-focus-border-color: var(--global-color);          /* 输入框focus色 */
    --input-active-border-color: var(--global-color);         /* 输入框active色 */
    --input-error-border-color: #e8001c;                    /* 输入框错误色 */
    --input-placeholder-color: #8187A1;                     /* 输入框placeholder色 */
    --input-text-color: #040F43;                            /* 输入框文本色 */
    --input-text-high-color: #e8001c;                       /* 输入框高亮文本色 */
    --input-disabled-background-color: #fff;                /* 输入框禁用背景色 */
    --input-disabled-text-color: #040F43;                   /* 输入框禁用文本色 */
    --input-disabled-border-color: var(--border-color);       /* 输入框禁用文本色 */
    --input-error-msg-color: #e8001c;                       /* 输入框错误提示色 */
    --radio-color: #E1E6F0;                                 /* 单选框颜色 */
    --radio-label-color: #8187A1;                           /* 单选框文本色 */
    --radio-selected-color: var(--global-color);              /* 单选框选中色 */
    --radio-disabled-color: #E1E6F0;                        /* 单选框禁用色 */
    --checkbox-label-color: #8187A1;                        /* 多选框文本色 */
    --checkbox-border-color: #E1E6F0;                       /* 多选框边框色 */
    --checkbox-selected-border-color: var(--global-color);    /* 多选框选中色 */
    --checkbox-disabled-border-color: #E1E6F0;              /* 多选框禁用边框色 */
    --checkbox-disabled-background-color: #F7F9FF;          /* 多选框禁用背景色 */
    --checkbox-disabled-color: #8187A1;                     /* 多选框禁用文字色 */

    --switch-border-color: #8187A1;                         /* 开关按钮边框色 */
    --switch-text-color: #fff;                              /* 开关按钮文字色 */
    --switch-selected-border-color: var(--global-color);      /* 开关按钮选中色 */
    --switch-disabled-border-color: #E1E6F0;                /* 开关按钮禁用边框色 */




    /* 按钮相关 */
    --btn-text-color: #8187A1;                              /* 普通按钮文本色 */
    --btn-border-color: var(--border-color);                  /* 普通按钮边框色 */
    --btn-text-hover-color: var(--global-color);                           /* 普通按钮hover文本色 */
    --btn-border-hover-color: var(--global-color);            /* 普通按钮hover背景色 */
    --btn-background-color: #fff;                           /* 普通按钮背景色 */
    --btn-hover-background-color: var(--global-color);        /* 普通按钮hover背景色 */
    --btn-confirm-text-color: #fff;                         /* 确认类按钮主文本色 */
    --btn-confirm-text-hover-color: #fff;                   /* 确认类按钮hover文本色 */
    --btn-confirm-background-color: var(--global-color);      /* 确认类按钮主背景色 */
    --btn-confirm-background-hover-color: rgba(100, 52, 255, 0.8);          /* 确认类按钮主背景hover色 */
    --btn-success-text-color: #fff;                         /* 成功类按钮主文本色 */
    --btn-success-text-hover-color: #fff;                   /* 成功类按钮hover文本色 */
    --btn-success-background-color: linear-gradient( 180deg, #00B610 0%, #009207 100%);                                     /* 成功类按钮主背景色 */
    --btn-success-background-hover-color: linear-gradient( 180deg, rgba(0, 182, 16, 0.8) 0%, rgba(0, 146, 7, 0.8) 100%);    /* 成功类按钮主背景hover色 */
    --btn-warn-text-color: #fff;                             /* 提醒类按钮主文本色 */
    --btn-warn-text-hover-color: #fff;                       /* 提醒类按钮hover文本色 */
    --btn-warn-background-color: linear-gradient( 180deg, rgba(255, 188, 61, 1) 0%, rgba(227, 137, 0, 1) 100%);             /* 提醒类按钮主背景色 */
    --btn-warn-background-hover-color: linear-gradient( 180deg, rgba(255, 188, 61, 0.8) 0%, rgba(227, 137, 0, 0.8) 100%);   /* 提醒类按钮主背景hover色 */
    --btn-info-text-color: var(--info-color);                  /* 信息类按钮主文本色 */
    --btn-info-text-hover-color: var(--global-color);          /* 信息类按钮hover文本色 */
    --btn-info-background-color: var(--info-background-color);                    /* 信息类按钮主背景色 */
    --btn-info-background-hover-color: var(--info-background-color);              /* 信息类按钮主背景hover色 */
    --btn-danger-text-color: #fff;                           /* 红色类按钮主文本色 */
    --btn-danger-text-hover-color: #fff;                     /* 红色类按钮hover文本色 */
    --btn-danger-background-color: linear-gradient(180deg, #e8888c 0%, #e8001c 100%);               /* 信息类按钮主背景色 */
    --btn-danger-background-hover-color: linear-gradient(180deg, rgb(232, 136, 140, 0.8) 0%, rgb(232, 0, 28, 0.8) 100%);   /* 信息类按钮主背景hover色 */


    /* 对话框相关 */
    --dialog-background-title-color: #fff;       /* 对话框标题背景色 */
    --slider-bar-color: #515E88;                    /* 滑块条颜色 */

}