:root {
    /*大背景*/
    --color-html-bg: #f2f4f8;
    --color-bg-secondary: #dee3e9;
    --color-bg-tertiary: #ffffff;
    --color-bg-card-title: #fafbfc;
    --color-bg-card-active: #d5e4ff;
    --color-bg-card-detail: #f9f7f7;

    --color-bg-linear-start: #ffffff;
    --color-bg-linear-end: #6ba3f6;

    --color-success: #73d260;
    --color-error: #e15252;
    --color-pending: #6da4f6;

    /* 一级字体 */
    --color-font-primary: #000000;
    --color-font-secondary: #2f2f2f;
    --color-font-tertiary: #727272;
    --color-font-quaternary: #303030;
    --color-font-quinary: #ffffff;
    --color-font-senary: #ffffff;
    --color-font-septenary: #9c9c9c;
    --color-font-octonary: #6e6e6e;
    --color-font-gray: #c2c2c2;

    /* 图标颜色 */
    --color-icon-stauts: #ffffff;
    --color-icon-correct: #94bd7b;

    /* 边框颜色 */
    --color-border-primary: #d5dae0;
    --color-border-secondary: #727272;
    --color-border-tertiary: #d3d3d3;
    --color-border-quaternary: #000000;
    --color-border-quinary: #000000;
    --color-border-senary: #000000;
    --color-border-septenary: #e6eaf0;
    --color-border-octonary: #d4d4d4;

    --color-border-active: #5284e1;

    /* card颜色 */
    --card-input-border-color: #e8eaed;
    --card-input-border-color-hover: #878e99;
    --card-input-background-color: #fafafa;
    --card-input-focus-border-color: #612fff;
    --card-input-error-border-color: #ff4d4f;
}