:root{
    --color-header-bg: #0D193E;
    --color-body-bg: #050C21;
    --color-white-body-bg: #fff;
    --color-main-action: #6F31FF;
    --color-main-action-v2: #3A1E90;
    --color-main-action-v3: #A37BFF;
    --color-border: #373D4D;
    --color-border-v2: #505463;
    --color-border-v3: #767A85;
    --color-border-v4: #1B2134;
    --color-left-menu-bg: #251763;
    --color-left-menu-depth2-bg: #141A2E;
    --color-left-submenu-depth2-bg: #232A3C;
    --color-modal-bg: #2E3443;
    --color-hover-bg: #505463;
    --color-tab-active: #8D61F1;
    --color-active-green: #41FF8A;
    --color-active-green-v2: #28F175;
    --color-inactive-red: #ED383B;
    --color-inactive-gray: #767A85;
    --color-disabled-gray : #373D4D; /* @fixme: color error check  */
    --color-pending-yellow: #E9BC5B;
    --color-history-light-blue: #5f7fff;
    --color-table-th-bg: #232A3C;
    --color-table-td-bg: #0D1326;
    --color-table-td-bg-v2: #1B2134;
    --color-bg: #1F273A;
    --color-modal-header-bg: #12182C;
    --color-scrollbar-bg: #272E41;
    --color-scrollbar: #CDCED3;
    --color-paging-bg: #1D2437;
    --color-econotimes-bg: #242B3D;

    /* 글자색 */
    --color-body-text: #fff;
    --color-black-text: #000;
    --color-sub-text: #767A85;
    --color-gray-text: #808488;
}