:root {
    --primary-color: #302AE6;
    --secondary-color: #536390;

    --font-color: #5e5c5c;
    --header-font-color: #034F75;

    --bg-color: #fff;
    --heading-color: #5e5c5c;
    --heading-base-color: #9D9A9A;

    --primary-icon-color: #ccc;
    --entitlement-color: #136658;
    --contract-color: #9D2449;

    --control-icon-color: #404041;
    --control-active-color: #9D9A9A;
    --control-bg-color: #eeeeee;
    --control-border-color: #ccc;
    --control-font-color: #fff;
    --control-odd-color: #fcfcfc;
    --control-hover-color: #dddddd;
    --control-selected-color: #eeeeee;
    --control-highlight-color: #d6d6d6;
    --control-remark-color: cyan;
    --control-disabled-color: #A6A6A6;

    --table-header-font-color: #5e5e5e;
    --table-border-color: var(--bg-color);
    --table-inner-border-color: #b9b8b9;

    --dgrid-border-color: var(--table-border-color);
    --dgrid-cell-border-right-color: var(---table-inner-border-color);
    --dgrid-cell-border-left-color: var(--table-inner-border-color);
    --dgrid-cell-border-bottom-color: var(--control-active-color);
    --dgrid-row-odd-color: var(--control-odd-color);
    --dgrid-row-hover-color: var(--control-hover-color);
    --dgrid-row-selected-color: var(--control-selected-color);
    --dgrid-row-highlight-color: var(--control-highlight-color);
    --dgrid-header-row-font-color: var(--header-font-color);

    --process-bar-color: gold;
}

[data-theme="defautl"] {
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: #424242;
    --bg-color: #fff;
    --heading-color: #0b231e;
    --heading-base-color: #13322B;
    --control-active-color: #9D2449;
    --control-bg-color: #eeeeee;
    --control-border-color: #ccc;
    --control-font-color: #fff;
    --primary-icon-color: #B38E5D;
    --entitlement-color: #136658;
    --contract-color: #005073;
}

[data-theme="dark"] {
    --primary-color: #9A97F3;
    --secondary-color: #818cab;
    --font-color: #e1e1ff;
    --bg-color: #161625;
    --heading-color: #818cab;
    --heading-base-color: #818cab;
    --control-active-color: #9D2449;
    --control-bg-color: #eeeeee;
    --control-border-color: #ccc;
    --control-font-color: #fff;
    --primary-icon-color: #B38E5D;
    --entitlement-color: #136658;
    --contract-color: #005073;
}