.bg-color-1 { background-color: rgb(var(--color-1)); }
.bg-color-2 { background-color: rgb(var(--color-2)); }
.bg-color-3 { background-color: rgb(var(--color-3)); }
.bg-color-4 { background-color: rgb(var(--color-4)); }
.bg-color-5 { background-color: rgb(var(--color-5)); }
.bg-color-greenvi { background-color: rgb(var(--color-greenvi)); }

.bg-color-white { background-color: white; }
.bg-color-black { background-color: black; }

/* OPACIDADES */
.bg-color-1-1 { background-color: rgba(var(--color-1), 0.1); }
.bg-color-1-2 { background-color: rgba(var(--color-1), 0.2); }
.bg-color-1-3 { background-color: rgba(var(--color-1), 0.3); }
.bg-color-1-4 { background-color: rgba(var(--color-1), 0.4); }
.bg-color-1-5 { background-color: rgba(var(--color-1), 0.5); }
.bg-color-1-6 { background-color: rgba(var(--color-1), 0.6); }
.bg-color-1-7 { background-color: rgba(var(--color-1), 0.7); }
.bg-color-1-8 { background-color: rgba(var(--color-1), 0.8); }
.bg-color-1-9 { background-color: rgba(var(--color-1), 0.9); }

.bg-color-2-1 { background-color: rgba(var(--color-2), 0.1); }
.bg-color-2-2 { background-color: rgba(var(--color-2), 0.2); }
.bg-color-2-3 { background-color: rgba(var(--color-2), 0.3); }
.bg-color-2-4 { background-color: rgba(var(--color-2), 0.4); }
.bg-color-2-5 { background-color: rgba(var(--color-2), 0.5); }
.bg-color-2-6 { background-color: rgba(var(--color-2), 0.6); }
.bg-color-2-7 { background-color: rgba(var(--color-2), 0.7); }
.bg-color-2-8 { background-color: rgba(var(--color-2), 0.8); }
.bg-color-2-9 { background-color: rgba(var(--color-2), 0.9); }

.bg-color-3-1 { background-color: rgba(var(--color-3), 0.1); }
.bg-color-3-2 { background-color: rgba(var(--color-3), 0.2); }
.bg-color-3-3 { background-color: rgba(var(--color-3), 0.3); }
.bg-color-3-4 { background-color: rgba(var(--color-3), 0.4); }
.bg-color-3-5 { background-color: rgba(var(--color-3), 0.5); }
.bg-color-3-6 { background-color: rgba(var(--color-3), 0.6); }
.bg-color-3-7 { background-color: rgba(var(--color-3), 0.7); }
.bg-color-3-8 { background-color: rgba(var(--color-3), 0.8); }
.bg-color-3-9 { background-color: rgba(var(--color-3), 0.9); }

.bg-color-4-1 { background-color: rgba(var(--color-4), 0.1); }
.bg-color-4-2 { background-color: rgba(var(--color-4), 0.2); }
.bg-color-4-3 { background-color: rgba(var(--color-4), 0.3); }
.bg-color-4-4 { background-color: rgba(var(--color-4), 0.4); }
.bg-color-4-5 { background-color: rgba(var(--color-4), 0.5); }
.bg-color-4-6 { background-color: rgba(var(--color-4), 0.6); }
.bg-color-4-7 { background-color: rgba(var(--color-4), 0.7); }
.bg-color-4-8 { background-color: rgba(var(--color-4), 0.8); }
.bg-color-4-9 { background-color: rgba(var(--color-4), 0.9); }

.bg-color-5-1 { background-color: rgba(var(--color-5), 0.1); }
.bg-color-5-2 { background-color: rgba(var(--color-5), 0.2); }
.bg-color-5-3 { background-color: rgba(var(--color-5), 0.3); }
.bg-color-5-4 { background-color: rgba(var(--color-5), 0.4); }
.bg-color-5-5 { background-color: rgba(var(--color-5), 0.5); }
.bg-color-5-6 { background-color: rgba(var(--color-5), 0.6); }
.bg-color-5-7 { background-color: rgba(var(--color-5), 0.7); }
.bg-color-5-8 { background-color: rgba(var(--color-5), 0.8); }
.bg-color-5-9 { background-color: rgba(var(--color-5), 0.9); }