:root {
    --bg: #F4F4F4;
    --orange: #FF8F00;
    --pink: #FF8273;
    --yellow: #FFD863;
    
    --shadow-s: 0 4px 16px rgba(0, 0, 0, .08);
    --shadow-m: 0 10px 30px rgba(0, 0, 0, .12);
}
 
.danger-color {  
    color: var(--danger) !important;
} 

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

.Primary-Dark-Blue-500-color { 
    color: var(--Primary-Dark-Blue-500);
}

.Primary-Dark-Blue-500-background-color { 
    background-color: var(--Primary-Dark-Blue-500);
}

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

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

.Primary-Blue-400-color {
    color: var(--Primary-Blue-400);
}

.Primary-Blue-400-background-color {
    background-color: var(--Primary-Blue-400);
} 

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

.dark-background-color {
    background-color: var(--dark);
} 

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

.orange-background-color {
    background-color: var(--orange);
} 


.blue-main {
    color: var(--blue-main);
}

.lighter-blue-font {
    color: var(--lighter-blue-font);
}

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

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