:root {
    --color-0: #ffffff;
    --color-1: #000000;
    --color-1-60: rgba(0, 0, 0, 0.6);
    --color-2: #1c1c1c;
    --color-3: #141414;
    --color-4: #c5e762;
    --color-5: #f3a2e5;
    --color-6: #9b58f3;
    --color-7: #424242;
    --color-8: #333333;
    --color-9: #646464;
    --color-10: #142f10;
    --color-11: #c31d30;

    --color-success: #95ff6a;
    --color-error: #ff4f4f;
}

/*---------------------------------------------------------------------------------------------------------------------------*/

.text_color_0 {
    color: var(--color-0) !important;
}

.text_color_1 {
    color: var(--color-1) !important;
}

.text_color_2 {
    color: var(--color-2) !important;
}

.text_color_3 {
    color: var(--color-3) !important;
}

.text_color_4 {
    color: var(--color-4) !important;
}

.text_color_5 {
    color: var(--color-5) !important;
}

.text_color_6 {
    color: var(--color-6) !important;
}

.text_color_9 {
    color: var(--color-9) !important;
}

.text_color_11 {
    color: var(--color-11) !important;
}

/*---------------------------------------------------------------------------------------------------------------------------*/

.background_color_0 {
    background-color: var(--color-0) !important;
}

.background_color_1 {
    background-color: var(--color-1) !important;
}

.background_color_2 {
    background-color: var(--color-2) !important;
}

.background_color_3 {
    background-color: var(--color-3) !important;
}

.background_color_4 {
    background-color: var(--color-4) !important;
}

.background_color_5 {
    background-color: var(--color-5) !important;
}

.background_color_6 {
    background-color: var(--color-6) !important;
}

.background_color_10 {
    background-color: var(--color-10) !important;
}