/* COLORS */
html {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-yellow: #FFD12E;
    --color-purple: #C9BAFF;
    --color-green: #1CB573;
    --color-red: #FD001A;
    --color-gray: #808080;
}
.bg-green {
    background: var(--color-green);
}
.bg-yellow {
    background: var(--color-yellow);
}
.bg-purple {
    background: var(--color-purple);
}
.bg-white {
    background: var(--color-white);
}
.bg-black {
    background: var(--color-black);
}
.bg-gray {
    background: var(--color-gray);
}
.color-black {
    color: var(--color-black);
}
.color-white {
    color: var(--color-white);
}
.color-yellow {
    color: var(--color-yellow);
}
.color-purple {
    color: var(--color-purple);
}
.color-green {
    color: var(--color-green);
}
.color-red {
    color: var(--color-red);
}
/* END COLORS */