@import url(./colors.css);

.bg-primary-light{
    background-color: var(--color-primary-light)!important;
}
.text-primary-light{
    color: var(--color-primary-light)!important;
}
.bg-primary{
    background-color: var(--color-primary)!important;
}
.text-primary{
    color: var(--color-primary)!important;
}
.bg-primary-dark{
    background-color: var(--color-primary-dark)!important;
}
.text-primary-dark{
    color: var(--color-primary-dark)!important;
}
.bg-secondary-light{
    background-color: var(--color-secondary-light)!important;
}
.text-secondary-light{
    color: var(--color-secondary-light)!important;
}
.bg-secondary{
    background-color: var(--color-secondary)!important;
}
.text-secondary{
    color: var(--color-secondary)!important;
}
.bg-secondary-dark{
    background-color: var(--color-secondary-dark)!important;
}
.text-secondary-dark{
    color: var(--color-secondary-dark)!important;
}
.bg-tertiary-light{
    background-color: var(--color-tertiary-light)!important;
}
.text-tertiary-light{
    color: var(--color-tertiary-light)!important;
}
.bg-tertiary{
    background-color: var(--color-tertiary)!important;
}
.text-tertiary{
    color: var(--color-tertiary)!important;
}
.bg-tertiary-dark{
    background-color: var(--color-tertiary-dark)!important;
}
.text-tertiary-dark{
    color: var(--color-tertiary-dark)!important;
}
.bg-primary{
    background-color: var(--color-primary)!important;
}
.text-primary{
    color: var(--color-primary)!important;
}
.bg-quaternary-light{
    background-color: var(--color-quaternary-light)!important;
}
.text-quaternary-light{
    color: var(--color-quaternary-light)!important;
}
.bg-quaternary{
    background-color: var(--color-quaternary)!important;
}
.text-quaternary{
    color: var(--color-quaternary)!important;
}
.bg-quaternary-dark{
    background-color: var(--color-quaternary-dark)!important;
}
.text-quaternary-dark{
    color: var(--color-quaternary-dark)!important;
}