:root {
    /* backage */
    --gl-theme-color: #4e6c8d;
    --gl-backage-color: #bddaec;
    --gl-top-backage-color-bg: linear-gradient(135deg, #4e6c8d 0%, #bddaec 100%);
    --gl-top-backage-color-txt: #fff;

    /* login */
    --gl-login-bg-color: linear-gradient(135deg, #4e6c8d 0%, #bddaec 100%);
    --gl-login-box-bg-color: #7ba8d1;
    --gl-login-box-txt-color: #fff;
    --gl-login-box-txt-p-color: #eee;

    /* menu */
    --gl-menu-hover-color-bg: #ffffff;
    --gl-menu-hover-color-txt: #000;
    --gl-menu-active-color-bg: #ffffff;
    --gl-menu-active-color-txt: #000;

    /* main */
    --gl-main-color: #eee;

    /* filter */
    --gl-search-color-bg: #fff;
    --gl-search-color-txt: #000;
    --gl-search-color-btn: #87a5be;
    --gl-search-hover-color-btn: color-mix(in srgb, var(--gl-search-color-btn) 70%, white);

    /* table */
    --gl-table-headger-color-bg: #FFF;
    --gl-table-headger-color-txt: #000;
    --gl-table-headger-color-txt-note: #aaa;
    --gl-table-color-btn: var(--gl-search-color-btn);
    --gl-table-hover-color-btn: color-mix(in srgb, var(--gl-table-color-btn) 70%, white);
    --gl-table-color-btn-edit: #6084a8;
    --gl-table-color-txt-edit: #fff;
    --gl-table-hover-color-btn-edit: color-mix(in srgb, var(--gl-table-color-btn-edit) 70%, white);

    /* edit */
    --gl-edit-save-color: var(--gl-table-color-btn-edit);
    --gl-edit-save-hover-color: color-mix(in srgb, var(--gl-table-color-btn-edit) 70%, white);

    /* report */
    --gl-run-report-color: var(--gl-table-color-btn-edit);
    --gl-run-report-hover-color: color-mix(in srgb, var(--gl-table-color-btn-edit) 70%, white);
}