:root {
    --green-00: #00ff00;
    --green-10: #1aff1a;
    --green-20: #33ff33;
    --green-30: #4dff4d;
    --green-40: #66ff66;
    --green-50: #80ff80;
    --green-60: #99ff99;
    --green-70: #b3ffb3;
    --green-80: #ccffcc;
    --green-90: #e6ffe6;
    --red-00: #ff0000;
    --red-10: #ff1a1a;
    --red-20: #ff3333;
    --red-30: #ff4d4d;
    --red-40: #ff6666;
    --red-50: #ff8080;
    --red-60: #ff9999;
    --red-70: #ffb3b3;
    --red-80: #ffcccc;
    --red-90: #ffe6e6;
}

.green-bg-00 {
    background-color: var(--green-00);
}

.green-bg-10 {
    background-color: var(--green-10);
}

.green-bg-20 {
    background-color: var(--green-20);
}

.green-bg-30 {
    background-color: var(--green-30);
}

.green-bg-40 {
    background-color: var(--green-40);
}

.green-bg-50 {
    background-color: var(--green-50);
}

.green-bg-60 {
    background-color: var(--green-60);
}

.green-bg-70 {
    background-color: var(--green-70);
}

.green-bg-80 {
    background-color: var(--green-80);
}

.green-bg-90 {
    background-color: var(--green-90);
}

.red-bg-00 {
    background-color: var(--red-00);
}

.red-bg-10 {
    background-color: var(--red-10);
}

.red-bg-20 {
    background-color: var(--red-20);
}

.red-bg-30 {
    background-color: var(--red-30);
}

.red-bg-40 {
    background-color: var(--red-40);
}

.red-bg-50 {
    background-color: var(--red-50);
}

.red-bg-60 {
    background-color: var(--red-60);
}

.red-bg-70 {
    background-color: var(--red-70);
}

.red-bg-80 {
    background-color: var(--red-80);
}

.red-bg-90 {
    background-color: var(--red-90);
}