/* App */
:root {
    --mainColor: #fc6821;
    --mainColor-2: #ffdccc;
    --mainColor-3: #fb9564;
    --mainColor-4: #d6591d;
    --successColor: #18a058;
    --warningColor: #f0a020;
    --dangerColor: #d03050;
    --infoColor: #2080f0;
    --border-color-1: #efeff5;
    --border-color-2: #eee;

    --vp-nav-height: 64px;
    --vp-nav-logo-height: 50px;
    
    --px-10: 10px;

    --vp-c-text-1: rgba(60, 60, 67);
    --vp-c-text-2: rgba(60, 60, 67, .78);
    --vp-c-text-3: rgba(60, 60, 67, .56);

    --vp-c-bg-soft: #f6f6f7;

    --vp-c-gray-1: #dddde3;
    --vp-c-gray-2: #e4e4e9;
    --vp-c-gray-3: #ebebef;

    --vp-c-gutter: #e2e2e3;

    /* element-plus 主题色 */
    --el-color-primary: var(--mainColor);
    --el-menu-hover-bg-color: var(--mainColor-2);
}