:root {
    --az-font-size-12: 12px;
    --az-font-size-14: 14px;
    --az-font-size-16: 16px;
    --az-font-size-18: 18px;
    --az-font-size-22: 22px;
    --az-font-size-markdown: 16px;
    --opacity_bg_1: rgba(208, 0, 111, 0.1);
    --opacity_bg_2: rgba(208, 0, 111, 0.2);
    --gradient-color-1-1: #D0006F;
    --gradient-color-1-2: #E6AE3B;
    --theme-color: #830051;
    --color-table-kpiGroupHeaderIcon: #fff;
    --color-userSetting-activeOptionbg: var(--opacity_bg_1);
    --color-welcome-questionHoverBg: var(--opacity_bg_1);
    --color-tagGroup-optionSelectedBg: var(--opacity_bg_1);
    --color-table-sorterNotActive: #ffffff66;
    --color-table-sorterActive: #fff;
    --color-userFB-fontColor1: var(--theme-color);

    --color-chart-lineColor4: #171F3D;
}

:root[page-theme="dark"] {
    --opacity_bg_1: rgba(208, 0, 111, 0.2);
    --opacity_bg_2: rgba(208, 0, 111, 0.3);
    --gradient-color-1-1: #D0006F;
    --gradient-color-1-2: #E6AE3B;
    --theme-color: #D0006F;
    --color-table-kpiGroupHeaderIcon: #fff;
    --color-userSetting-activeOptionbg: var(--opacity_bg_1);
    --color-welcome-questionHoverBg: var(--opacity_bg_1);
    --color-tagGroup-optionSelectedBg: var(--opacity_bg_1);
    --color-table-sorterNotActive: #ffffff66;
    --color-table-sorterActive: #fff;
    --color-userFB-fontColor1: var(--theme-color);

    --color-chart-lineColor4: #8816A5;
}

:root[page-size="middle"] {
    --az-font-size-12: 14px;
    --az-font-size-14: 16px;
    --az-font-size-16: 18px;
    --az-font-size-18: 20px;
    --az-font-size-22: 24px;
    --az-font-size-markdown: 17px;
}