/* Background Color Classes */
.bg-gray-fons-50 {
    background-color: var(--Gray-fons-50) !important;
}

.bg-gray-fons-100 {
    background-color: var(--Gray-fons-100) !important;
}

.bg-gray-fons-200 {
    background-color: var(--Gray-fons-200) !important;
}

.bg-gray-fons-300 {
    background-color: var(--Gray-fons-300) !important;
}

.bg-gray-fons-400 {
    background-color: var(--Gray-fons-400) !important;
}

.bg-gray-fons-500 {
    background-color: var(--Gray-fons-500) !important;
}

.bg-gray-fons-600 {
    background-color: var(--Gray-fons-600) !important;
}

.bg-gray-fons-700 {
    background-color: var(--Gray-fons-700) !important;
}

.bg-gray-fons-800 {
    background-color: var(--Gray-fons-800) !important;
}

.bg-gray-fons-900 {
    background-color: var(--Gray-fons-900) !important;
}

.bg-gray-fons-950 {
    background-color: var(--Gray-fons-950) !important;
}

.bg-brand-50 {
    background-color: var(--Brand-50) !important;
}

.bg-brand-100 {
    background-color: var(--Brand-100) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-brand-fon-gray {
    background-color: var(--Brand-Color-fon-Gray) !important;
}

.bg-brand-fon-blue {
    background-color: var(--Brand-Color-fon-Blue) !important;
}

.bg-brand-fon-green {
    background-color: var(--Brand-Color-fon-Green) !important;
}

.bg-brand-fon-dark {
    background-color: var(--Brand-Color-fon-Dark) !important;
}

.bg-brand-fon-gray-05 {
    background-color: var(--Brand-Color-fon-Gray-05) !important;
}

.bg-brand-fon-blue-05 {
    background-color: var(--Brand-Color-fon-Blue-05) !important;
}

.bg-brand-fon-green-05 {
    background-color: var(--Brand-Color-fon-Green-05) !important;
}

.bg-brand-fon-dark-05 {
    background-color: var(--Brand-Color-fon-Dark-05) !important;
}

.bg-gray-cynk-05 {
    background-color: var(--Gray-cynk-05) !important;
}

.bg-gray-cynk-10 {
    background-color: var(--Gray-cynk-10) !important;
}

.bg-gray-cynk-20 {
    background-color: var(--Gray-cynk-20) !important;
}

.bg-gray-cynk-30 {
    background-color: var(--Gray-cynk-30) !important;
}

.bg-gray-cynk-40 {
    background-color: var(--Gray-cynk-40) !important;
}

.bg-gray-cynk-50 {
    background-color: var(--Gray-cynk-50) !important;
}

.bg-gray-cynk-60 {
    background-color: var(--Gray-cynk-60) !important;
}

.bg-gray-cynk-70 {
    background-color: var(--Gray-cynk-70) !important;
}

.bg-gray-cynk-80 {
    background-color: var(--Gray-cynk-80) !important;
}

.bg-gray-cynk-90 {
    background-color: var(--Gray-cynk-90) !important;
}

.bg-gray-cynk-95 {
    background-color: var(--Gray-cynk-95) !important;
}

.bg-brand-05 {
    background-color: var(--Brand-color-05) !important;
}

.bg-brand-10 {
    background-color: var(--Brand-color-10) !important;
}

.bg-brand-20 {
    background-color: var(--Brand-color-20) !important;
}

.bg-brand-30 {
    background-color: var(--Brand-color-30) !important;
}

.bg-brand-40 {
    background-color: var(--Brand-color-40) !important;
}

.bg-brand-50 {
    background-color: var(--Brand-color-50) !important;
}

.bg-brand-60 {
    background-color: var(--Brand-color-60) !important;
}

.bg-brand-70 {
    background-color: var(--Brand-color-70) !important;
}

.bg-brand-80 {
    background-color: var(--Brand-color-80) !important;
}

.bg-brand-90 {
    background-color: var(--Brand-color-90) !important;
}

.bg-brand-95 {
    background-color: var(--Brand-color-95) !important;
}

.bg-indigo-05 {
    background-color: var(--Indigo-color-05) !important;
}

.bg-indigo-10 {
    background-color: var(--Indigo-color-10) !important;
}

.bg-indigo-20 {
    background-color: var(--Indigo-color-20) !important;
}

.bg-indigo-30 {
    background-color: var(--Indigo-color-30) !important;
}

.bg-indigo-40 {
    background-color: var(--Indigo-color-40) !important;
}

.bg-indigo-50 {
    background-color: var(--Indigo-color-50) !important;
}

.bg-indigo-60 {
    background-color: var(--Indigo-color-60) !important;
}

.bg-indigo-70 {
    background-color: var(--Indigo-color-70) !important;
}

.bg-indigo-80 {
    background-color: var(--Indigo-color-80) !important;
}

.bg-indigo-90 {
    background-color: var(--Indigo-color-90) !important;
}

.bg-indigo-95 {
    background-color: var(--Indigo-color-95) !important;
}

.bg-blue-05 {
    background-color: var(--Blue-color-05) !important;
}

.bg-blue-10 {
    background-color: var(--Blue-color-10) !important;
}

.bg-blue-20 {
    background-color: var(--Blue-color-20) !important;
}

.bg-blue-30 {
    background-color: var(--Blue-color-30) !important;
}

.bg-blue-40 {
    background-color: var(--Blue-color-40) !important;
}

.bg-blue-50 {
    background-color: var(--Blue-color-50) !important;
}

.bg-blue-60 {
    background-color: var(--Blue-color-60) !important;
}

.bg-blue-70 {
    background-color: var(--Blue-color-70) !important;
}

.bg-blue-80 {
    background-color: var(--Blue-color-80) !important;
}

.bg-blue-90 {
    background-color: var(--Blue-color-90) !important;
}

.bg-blue-95 {
    background-color: var(--Blue-color-95) !important;
}

.bg-gray-05 {
    background-color: var(--Gray-color-05) !important;
}

.bg-gray-10 {
    background-color: var(--Gray-color-10) !important;
}

.bg-gray-20 {
    background-color: var(--Gray-color-20) !important;
}

.bg-gray-30 {
    background-color: var(--Gray-color-30) !important;
}

.bg-gray-40 {
    background-color: var(--Gray-color-40) !important;
}

.bg-gray-50 {
    background-color: var(--Gray-color-50) !important;
}

.bg-gray-60 {
    background-color: var(--Gray-color-60) !important;
}

.bg-gray-70 {
    background-color: var(--Gray-color-70) !important;
}

.bg-gray-80 {
    background-color: var(--Gray-color-80) !important;
}

.bg-gray-90 {
    background-color: var(--Gray-color-90) !important;
}

.bg-gray-95 {
    background-color: var(--Gray-color-95) !important;
}

/* Text Color Classes */
.text-gray-fons-50 {
    color: var(--Gray-fons-50) !important;
}

.text-gray-fons-100 {
    color: var(--Gray-fons-100) !important;
}

.text-gray-fons-200 {
    color: var(--Gray-fons-200) !important;
}

.text-gray-fons-300 {
    color: var(--Gray-fons-300) !important;
}

.text-gray-fons-400 {
    color: var(--Gray-fons-400) !important;
}

.text-gray-fons-500 {
    color: var(--Gray-fons-500) !important;
}

.text-gray-fons-600 {
    color: var(--Gray-fons-600) !important;
}

.text-gray-fons-700 {
    color: var(--Gray-fons-700) !important;
}

.text-gray-fons-800 {
    color: var(--Gray-fons-800) !important;
}

.text-gray-fons-900 {
    color: var(--Gray-fons-900) !important;
}

.text-gray-fons-950 {
    color: var(--Gray-fons-950) !important;
}

.text-brand-50 {
    color: var(--Brand-50) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-brand-fon-gray {
    color: var(--Brand-Color-fon-Gray) !important;
}

.text-brand-fon-blue {
    color: var(--Brand-Color-fon-Blue) !important;
}

.text-brand-fon-green {
    color: var(--Brand-Color-fon-Green) !important;
}

.text-brand-fon-dark {
    color: var(--Brand-Color-fon-Dark) !important;
}

.text-brand-fon-gray-05 {
    color: var(--Brand-Color-fon-Gray-05) !important;
}

.text-brand-fon-blue-05 {
    color: var(--Brand-Color-fon-Blue-05) !important;
}

.text-brand-fon-green-05 {
    color: var(--Brand-Color-fon-Green-05) !important;
}

.text-brand-fon-dark-05 {
    color: var(--Brand-Color-fon-Dark-05) !important;
}

.text-gray-cynk-05 {
    color: var(--Gray-cynk-05) !important;
}

.text-gray-cynk-10 {
    color: var(--Gray-cynk-10) !important;
}

.text-gray-cynk-20 {
    color: var(--Gray-cynk-20) !important;
}

.text-gray-cynk-30 {
    color: var(--Gray-cynk-30) !important;
}

.text-gray-cynk-40 {
    color: var(--Gray-cynk-40) !important;
}

.text-gray-cynk-50 {
    color: var(--Gray-cynk-50) !important;
}

.text-gray-cynk-60 {
    color: var(--Gray-cynk-60) !important;
}

.text-gray-cynk-70 {
    color: var(--Gray-cynk-70) !important;
}

.text-gray-cynk-80 {
    color: var(--Gray-cynk-80) !important;
}

.text-gray-cynk-90 {
    color: var(--Gray-cynk-90) !important;
}

.text-gray-cynk-95 {
    color: var(--Gray-cynk-95) !important;
}

.text-brand-05 {
    color: var(--Brand-color-05) !important;
}

.text-brand-10 {
    color: var(--Brand-color-10) !important;
}

.text-brand-20 {
    color: var(--Brand-color-20) !important;
}

.text-brand-30 {
    color: var(--Brand-color-30) !important;
}

.text-brand-40 {
    color: var(--Brand-color-40) !important;
}

.text-brand-50 {
    color: var(--Brand-color-50) !important;
}

.text-brand-60 {
    color: var(--Brand-color-60) !important;
}

.text-brand-70 {
    color: var(--Brand-color-70) !important;
}

.text-brand-80 {
    color: var(--Brand-color-80) !important;
}

.text-brand-90 {
    color: var(--Brand-color-90) !important;
}

.text-brand-95 {
    color: var(--Brand-color-95) !important;
}

.text-indigo-05 {
    color: var(--Indigo-color-05) !important;
}

.text-indigo-10 {
    color: var(--Indigo-color-10) !important;
}

.text-indigo-20 {
    color: var(--Indigo-color-20) !important;
}

.text-indigo-30 {
    color: var(--Indigo-color-30) !important;
}

.text-indigo-40 {
    color: var(--Indigo-color-40) !important;
}

.text-indigo-50 {
    color: var(--Indigo-color-50) !important;
}

.text-indigo-60 {
    color: var(--Indigo-color-60) !important;
}

.text-indigo-70 {
    color: var(--Indigo-color-70) !important;
}

.text-indigo-80 {
    color: var(--Indigo-color-80) !important;
}

.text-indigo-90 {
    color: var(--Indigo-color-90) !important;
}

.text-indigo-95 {
    color: var(--Indigo-color-95) !important;
}

.text-blue-05 {
    color: var(--Blue-color-05) !important;
}

.text-blue-10 {
    color: var(--Blue-color-10) !important;
}

.text-blue-20 {
    color: var(--Blue-color-20) !important;
}

.text-blue-30 {
    color: var(--Blue-color-30) !important;
}

.text-blue-40 {
    color: var(--Blue-color-40) !important;
}

.text-blue-50 {
    color: var(--Blue-color-50) !important;
}

.text-blue-60 {
    color: var(--Blue-color-60) !important;
}

.text-blue-70 {
    color: var(--Blue-color-70) !important;
}

.text-blue-80 {
    color: var(--Blue-color-80) !important;
}

.text-blue-90 {
    color: var(--Blue-color-90) !important;
}

.text-blue-95 {
    color: var(--Blue-color-95) !important;
}

.text-gray-05 {
    color: var(--Gray-color-05) !important;
}

.text-gray-10 {
    color: var(--Gray-color-10) !important;
}

.text-gray-20 {
    color: var(--Gray-color-20) !important;
}

.text-gray-30 {
    color: var(--Gray-color-30) !important;
}

.text-gray-40 {
    color: var(--Gray-color-40) !important;
}

.text-gray-50 {
    color: var(--Gray-color-50) !important;
}

.text-gray-60 {
    color: var(--Gray-color-60) !important;
}

.text-gray-70 {
    color: var(--Gray-color-70) !important;
}

.text-gray-80 {
    color: var(--Gray-color-80) !important;
}

.text-gray-90 {
    color: var(--Gray-color-90) !important;
}

.text-gray-95 {
    color: var(--Gray-color-95) !important;
}

.border-brand-fon-blue {
    border-color: var(--Brand-Color-fon-Blue) !important;
}