/*--------------------------------------------------------------
# COLORS
--------------------------------------------------------------*/
.color--transparent {
    color: transparent;
}

.color--inherit {
    color: inherit;
}

.color--black {
    color: var(--color-black);
}

.color--white {
    color: var(--color-white);
}

.color--1 {
    color: var(--color-1);
}

.color--2 {
    color: var(--color-2);
}

.color--3 {
    color: var(--color-3);
}

.color--4 {
    color: var(--color-4);
}

.color--5 {
    color: var(--color-5);
}

.color--6 {
    color: var(--color-6);
}

/*--------------------------------------------------------------
# BACKGROUND COLORS
--------------------------------------------------------------*/
.bg-color--transparent {
    background-color: transparent;
}

.bg-color--inherit {
    background-color: inherit;
}

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

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

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

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

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

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

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

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