:root {
    --main-bg-color: #f0f2f8;

    --td-accent-dark-bg-color: #1e2235;
    --td-accent-dark-text-color: #e8eaf6;

    --td-accent-light-bg-color: #6c63ff;
    --td-accent-light-text-color: #ffffff;

    --td-accent-internal-bg-color: #f59e0b;
    --td-accent-internal-text-color: #ffffff;

    --td-accent-forward-bg-color: #10b981;
    --td-accent-forward-text-color: #ffffff;

    --page-bg-color: #ffffff;
    --page-border-color: #e2e8f0;

    --page-tabcontent-color: #f8fafc;

    --navbar-bg1-color: #1e2235;
    --navbar-bg2-color: #1e2235;

    --navbar-text-color: #c8cce8;
    --navbar-top-text-hover-color: #ffffff;

    --navbar-accent: #6c63ff;
    --navbar-accent-trans: rgba(108, 99, 255, 0.18);
    --navbar-filter-config: #ede0f7;
    --navbar-filter-list: #ddf0dc;

    --tablesorter-bg-color: #ffffff;
    --tablesorter-header-bg-color: #1e2235;
    --tablesorter-header-text-color: #e8eaf6;
    --tablesorter-header-textsort-color: #a09aff;
    --tablesorter-hover-bg-color: #f0f2ff;
}