@import url("variables.ba7d9d3a96a8.css");
    
/* ==========================================================================
   Color Utilities
   ========================================================================== */


/* Color Classes */
.color-gold-400 {
    color: var(--gold-400);
}
.color-gold-500 {
    color: var(--gold-500);
}
.color-primary-100 {
    color: var(--primary-100);
}
.color-primary-200 {
    color: var(--primary-200);
}
.color-primary-250 {
    color: var(--primary-250);
}
.color-primary-300 {
    color: var(--primary-300);
}
.color-primary-400 {
    color: var(--primary-400);
}
.color-purple-400 {
    color: var(--purple-400);
}
.color-primary-500 {
    color: var(--primary-500);
}
.color-purple-500 {
    color: var(--purple-500);
}
.color-secondary-300 {
    color: var(--secondary-300);
}
.color-secondary-400 {
    color: var(--secondary-400);
}
.color-secondary-500 {
    color: var(--secondary-500);
}
.color-red-400 {
    color: var(--red-400);
}
.color-red-500 {
    color: var(--red-500);
}



/* Background Colors */
.bg-body-light {  
     background-color: #F5F7FD;
}
.bg-panel-light {  
     background-color: #e9ecef !important;
}
.bg-gold-50 {
    background-color: var(--gold-50) !important;
}
.bg-purple-50 {
    background-color: var(--purple-50) !important;
}
.bg-gold-100 {
    background-color: var(--gold-100)!important;
}
.bg-gold-400 {
    background-color: var(--gold-400)!important;
}
.bg-primary-50 {
    background-color: var(--primary-50) !important;
}
.bg-primary-100 {
    background-color: var(--primary-100) !important;
}
.bg-primary-200 {
    background-color: var(--primary-200) !important;
}
.bg-primary-400 {
    background-color: var(--primary-400) !important;
}
.bg-purple-100 {
    background-color: var(--purple-100);
}
.bg-purple-500 {
    background-color: var(--purple-500);
}
.bg-secondary-50 {
    background-color: var(--secondary-50) !important;
}
.bg-secondary-100 {
    background-color: var(--secondary-400) !important;
}

.border-primary-200 {
    border-color: var(--primary-200) !important;
    border: 3px solid;
}