/** reference wt.css */
:root {
    --wt-emphasize-rgb: 59, 78, 129;
    --wt-emphasize-hover-rgb: 18, 26, 49;
    --wt-reverse-rgb: 254, 254, 254;
    --wt-dark-rgb: 0, 0, 0;

    --wt-emphasize-color: rgb(var(--wt-emphasize-rgb));
    --wt-emphasize-color-hover: rgb(var(--wt-emphasize-hover-rgb));
    --wt-reverse-color: rgb(var(--wt-reverse-rgb));
    --wt-reverse-color-hover: rgba(var(--wt-reverse-rgb), .8);
    --wt-dark-color: rgba(var(--wt-dark-rgb), .6);

    --wt-theme-color: #2C3D59;
    --wt-primary-color: #247CF5;
    --wt-toolbar-bgcolor: #F1F1F1;
    --wt-aside-bgcolor: var(--wt-theme-color);
    --wt-aside-color: var(--wt-reverse-color);
    --wt-aside-disable-color: #7D94C3;
    --wt-aside-end-color: var(--wt-toolbar-bgcolor);
    --wt-manage-border-color: rgba(var(--wt-emphasize-hover-rgb), .3);
    --wt-company-color: var(--wt-aside-color);
    --wt-menu-bgcolor: rgba(var(--wt-emphasize-rgb), .96);
    --wt-menu-shadow-color: rgba(var(--wt-emphasize-rgb), .1);
    --wt-menu-item-color: var(--wt-reverse-color);
    --wt-menu-item-bgcolor: var(--wt-theme-color);
    --wt-login-copywrite-color: var(--wt-reverse-color);

    --scrollbar-width: 0px;

    --wt-page-header-width: 300px;
    --wt-page-header-height: 56px;
    --wt-page-manage-height: 136px;
    --wt-page-company-height: 72px;
    --wt-page-aside-menu-width: var(--wt-page-header-height);
    --wt-page-aside-meta-width: var(--wt-page-header-width);
    --wt-page-main-header-height: var(--wt-page-header-height);
    --wt-page-main-op-height: 0;

    --wt-aside-bgimage: url(/dist/img/sidebar-bg-1.png);
    --wt-avatar-src: url(/dist/img/avatar-default-1.svg);
    --wt-login-title: url(/dist/img/login-title-1.png);
    --wt-login-bg: url(/dist/img/login-bg-1.png);
    --wt-login-box-bg: url(/dist/img/login-box-bg-1.png);
}