:root {
    --document-state-generating-soft: #f1f1f1;
    --document-state-generating-light: #e4e4e4;
    --document-state-generating-regular: rgb(122, 122, 122);
    --document-state-generating-dark: rgb(54, 54, 54);

    --document-state-inprogress-soft: #f1f1f1;
    --document-state-inprogress-light: #e4e4e4;
    --document-state-inprogress-regular: rgb(122, 122, 122);
    --document-state-inprogress-dark: rgb(54, 54, 54);

    --document-state-readyforapproval-soft: #e5f0f3;
    --document-state-readyforapproval-light: #cce1e7;
    --document-state-readyforapproval-regular: rgb(0, 104, 137);
    --document-state-readyforapproval-dark: rgb(30, 50, 57);

    --document-state-approved-soft: #ecf8f0;
    --document-state-approved-light: #d9f2e0;
    --document-state-approved-regular: rgb(66, 190, 101);
    --document-state-approved-dark: rgb(43, 66, 50);

    --document-state-rejected-soft: #fff0e8;
    --document-state-rejected-light: #ffe2d2;
    --document-state-rejected-regular: rgb(255, 112, 31);
    --document-state-rejected-dark: rgb(79, 52, 36);

    --document-state-on-hold-soft: #f5e5b3;
    --document-state-on-hold-light: #f5e5b3;
    --document-state-on-hold-regular: rgb(253, 210, 59);
    --document-state-on-hold-dark: rgb(177, 148, 42);

    --document-state-abandoned-soft: #efece9;
    --document-state-abandoned-light: #e0d9d3;
    --document-state-abandoned-regular: rgb(103, 67, 39);
    --document-state-abandoned-dark: rgb(50, 43, 37);

    --document-state-failed-soft: #ffc5cf;
    --document-state-failed-light: #f9c9d4;
    --document-state-failed-regular: rgb(220, 42, 73);
    --document-state-failed-dark: rgb(164, 14, 50);
}

.ds-text-inprogress-regular {
    color: var(--document-state-inprogress-regular);
}

.ds-text-readyforapproval-regular {
    color: var(--document-state-readyforapproval-regular);
}

.ds-text-approved-regular {
    color: var(--document-state-approved-regular);
}

.ds-text-rejected-regular {
    color: var(--document-state-rejected-regular);
}

.ds-text-abandoned-regular {
    color: var(--document-state-abandoned-regular);
}

.ds-text-generating-regular {
    color: var(--document-state-generating-regular);
}

.ds-text-failed-regular {
    color: var(--document-state-failed-regular);
}

.ds-text-on-hold-regular {
    color: var(--document-state-on-hold-dark);
}

.ds-bg-inprogress-light {
    background-color: var(--document-state-inprogress-light);
}

.ds-bg-readyforapproval-light {
    background-color: var(--document-state-readyforapproval-light);
}

.ds-bg-approved-light {
    background-color: var(--document-state-approved-light);
}

.ds-bg-rejected-light {
    background-color: var(--document-state-rejected-light);
}

.ds-bg-abandoned-light {
    background-color: var(--document-state-abandoned-light);
}

.ds-bg-generating-light {
    background-color: var(--document-state-generating-light);
}

.ds-bg-failed-light {
    background-color: var(--document-state-failed-light);
}

.ds-bg-on-hold-light {
    background-color: var(--document-state-on-hold-light);
}