:root {
    --bg-lighter-01: rgba(255, 255, 255, 0.01);
    --bg-lighter-02: rgba(255, 255, 255, 0.02);
    --bg-lighter-05: rgba(255, 255, 255, 0.05);
    --bg-lighter-10: rgba(255, 255, 255, 0.1);
    --bg-lighter-20: rgba(255, 255, 255, 0.2);
    --bg-lighter-25: rgba(255, 255, 255, 0.25);
    --bg-lighter-30: rgba(255, 255, 255, 0.3);
    --bg-lighter-40: rgba(255, 255, 255, 0.4);
    --bg-lighter-50: rgba(255, 255, 255, 0.5);
    --bg-lighter-75: rgba(255, 255, 255, 0.75);
}

/* Background classes for lighter shades */

.bg-lighter-01 {
    background-color: var(--bg-lighter-01) !important;
}
.bg-lighter-02 {
    background-color: var(--bg-lighter-02) !important;
}
.bg-lighter-05 {
    background-color: var(--bg-lighter-05) !important;
}
.bg-lighter-10 {
    background-color: var(--bg-lighter-10) !important;
}
.bg-lighter-20 {
    background-color: var(--bg-lighter-20) !important;
}
.bg-lighter-25 {
    background-color: var(--bg-lighter-25) !important;
}
.bg-lighter-30 {
    background-color: var(--bg-lighter-30) !important;
}
.bg-lighter-40 {
    background-color: var(--bg-lighter-40) !important;
}
.bg-lighter-50 {
    background-color: var(--bg-lighter-50) !important;
}
.bg-lighter-75 {
    background-color: var(--bg-lighter-75) !important;
}