.text-white {
    color: white;
}

.text-black {
    color: black;
}

.text-upper {
    text-transform: uppercase;
}

.text-lower {
    text-transform: lowercase;
}

.rounded-100 {
    border-radius: 100px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

/* DANGER */
.bg-danger-100 {
    background-color: var(--danger-100) !important;
}

.text-danger-100 {
    color: var(--danger-100) !important;
}

.bg-danger-200 {
    background-color: var(--danger-200) !important;
}

.text-danger-200 {
    color: var(--danger-200) !important;
}

.bg-danger-300 {
    background-color: var(--danger-300) !important;
}

.text-danger-300 {
    color: var(--danger-300) !important;
}

.bg-danger-400 {
    background-color: var(--danger-400) !important;
}

.text-danger-400 {
    color: var(--danger-400) !important;
}

.bg-danger-500 {
    background-color: var(--danger-500) !important;
}

.text-danger-500 {
    color: var(--danger-500) !important;
}

.bg-danger-600 {
    background-color: var(--danger-600) !important;
}

.text-danger-600 {
    color: var(--danger-600) !important;
}

.bg-danger-700 {
    background-color: var(--danger-700) !important;
}

.text-danger-700 {
    color: var(--danger-700) !important;
}

.bg-danger-800 {
    background-color: var(--danger-800) !important;
}

.text-danger-800 {
    color: var(--danger-800) !important;
}

.bg-danger-900 {
    background-color: var(--danger-900) !important;
}

.text-danger-900 {
    color: var(--danger-900) !important;
}

/* SUCCESS */
.bg-success-100 {
    background-color: var(--success-100) !important;
}

.text-success-100 {
    color: var(--success-100) !important;
}

.bg-success-200 {
    background-color: var(--success-200) !important;
}

.text-success-200 {
    color: var(--success-200) !important;
}

.bg-success-300 {
    background-color: var(--success-300) !important;
}

.text-success-300 {
    color: var(--success-300) !important;
}

.bg-success-400 {
    background-color: var(--success-400) !important;
}

.text-success-400 {
    color: var(--success-400) !important;
}

.bg-success-500 {
    background-color: var(--success-500) !important;
}

.text-success-500 {
    color: var(--success-500) !important;
}

.bg-success-600 {
    background-color: var(--success-600) !important;
}

.text-success-600 {
    color: var(--success-600) !important;
}

.bg-success-700 {
    background-color: var(--success-700) !important;
}

.text-success-700 {
    color: var(--success-700) !important;
}

.bg-success-800 {
    background-color: var(--success-800) !important;
}

.text-success-800 {
    color: var(--success-800) !important;
}

.bg-success-900 {
    background-color: var(--success-900) !important;
}

.text-success-900 {
    color: var(--success-900) !important;
}

/* WARNING */
.bg-warning-100 {
    background-color: var(--warning-100) !important;
}

.text-warning-100 {
    color: var(--warning-100) !important;
}

.bg-warning-200 {
    background-color: var(--warning-200) !important;
}

.text-warning-200 {
    color: var(--warning-200) !important;
}

.bg-warning-300 {
    background-color: var(--warning-300) !important;
}

.text-warning-300 {
    color: var(--warning-300) !important;
}

.bg-warning-400 {
    background-color: var(--warning-400) !important;
}

.text-warning-400 {
    color: var(--warning-400) !important;
}

.bg-warning-500 {
    background-color: var(--warning-500) !important;
}

.text-warning-500 {
    color: var(--warning-500) !important;
}

.bg-warning-600 {
    background-color: var(--warning-600) !important;
}

.text-warning-600 {
    color: var(--warning-600) !important;
}

.bg-warning-700 {
    background-color: var(--warning-700) !important;
}

.text-warning-700 {
    color: var(--warning-700) !important;
}

.bg-warning-800 {
    background-color: var(--warning-800) !important;
}

.text-warning-800 {
    color: var(--warning-800) !important;
}

.bg-warning-900 {
    background-color: var(--warning-900) !important;
}

.text-warning-900 {
    color: var(--warning-900) !important;
}

/* PRIMARY */
.bg-primary-100 {
    background-color: var(--primary-100) !important;
}

.text-primary-100 {
    color: var(--primary-100) !important;
}

.bg-primary-200 {
    background-color: var(--primary-200) !important;
}

.text-primary-200 {
    color: var(--primary-200) !important;
}

.bg-primary-300 {
    background-color: var(--primary-300) !important;
}

.text-primary-300 {
    color: var(--primary-300) !important;
}

.bg-primary-400 {
    background-color: var(--primary-400) !important;
}

.text-primary-400 {
    color: var(--primary-400) !important;
}

.bg-primary-500 {
    background-color: var(--primary-500) !important;
}

.text-primary-500 {
    color: var(--primary-500) !important;
}

.bg-primary-600 {
    background-color: var(--primary-600) !important;
}

.text-primary-600 {
    color: var(--primary-600) !important;
}

.bg-primary-700 {
    background-color: var(--primary-700) !important;
}

.text-primary-700 {
    color: var(--primary-700) !important;
}

.bg-primary-800 {
    background-color: var(--primary-800) !important;
}

.text-primary-800 {
    color: var(--primary-800) !important;
}

.bg-primary-900 {
    background-color: var(--primary-900) !important;
}

.text-primary-900 {
    color: var(--primary-900) !important;
}