:root {


    --Primary-Blue-50: #C5EFFF;
    --Primary-Blue-100: #AEE8FF;
    --Primary-Blue-200:#85DDFF;
    --Primary-Blue-300: #63D3FF;
    --Primary-Blue-400: #4DCDFF;
    --Primary-Blue-500: #3EBBEC;
    --Primary-Blue-600: #27AFE4;
    --Primary-Blue-700: #1499CD;
    --Primary-Blue-800: #057BA9;
    --Primary-Blue-900: #025D81;
 
    --Primary-Dark-Blue-500: #0453A1; 

    --Error-500: #F04438;
     
    --Purple: #483DE8;
    --Soft-Purple: #6D64ED; 

    --orange: #F79009; 
    --lighter-blue-font: #25394A;
    --gray: #989FAD;
    --white: #fff;
    --danger: #F04438;
    --dark: #070815;
    --main-shadow: 0 2px 10px 0 rgba(160, 160, 160, 0.2);

    --Navbar-height: 85px 
}
 
.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;
}