:root {
    --lightblue-bg-color: #90caf9;
    --lightblue-fg-color: inherit;

    --yellow-bg-color: #ffe082;
    --yellow-fg-color: inherit;

    --brown-bg-color: #FFBE7C;
    --brown-fg-color: inherit;

    --green-bg-color: #c5e1a5;
    --green-fg-color: inherit;

    --gray-bg-color: #b0bec5;
    --gray-fg-color: inherit;

    --white-bg-color: white;
    --white-fg-color: inherit;

    --turquoise-bg-color: #aef1ea;
    --turquoise-fg-color: inherit;

    --red-bg-color: #e5ada9;
    --red-fg-color: inherit;
}

.lightblue {
    background-color: var(--lightblue-bg-color);
    color: var(--lightblue-fg-color);
}

.yellow {
    background-color: var(--yellow-bg-color);
    color: var(--yellow-fg-color);
}

.brown {
    background-color: var(--brown-bg-color);
    color: var(--brown-fg-color);
}

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

.gray {
    background-color: var(--gray-bg-color);
    color: var(--gray-fg-color);
}

.white {
    background-color: var(--white-bg-color);
    color: var(--white-fg-color);
}

.turquoise {
    background-color: var(--turquoise-bg-color);
    color: var(--turquoise-fg-color);
}

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