:root { 

    --white: #FFFFFF; 
    --black: #050505;
   
    --grey-500: #3E3E3E;
    --grey-400: #6F6F6F;
    --grey-350: #A4A4A4;   
    --grey-300: #BFBFBF; 
    --grey-200: #E9E9E9; 
    --grey-100: #F8F8F8; 

    --purple-500: #38377A; 
    --purple-400: #504EBE; 
    --purple-300: #9580D2; 
    --purple-275: #A7A7D1;
    --purple-250: #B9B9DC; 
    --purple-200: #E0E0F3; 
    --purple-100: #F6F6FC;
    --purple-50: #FCFCFF;

    --green-400: #447E62; 
    --green-300: #56BB89;
    --green-200: #7DDFAF; 
    --green-100: #E5F9EF; 
    --green-50: #EEFBF5;
    
    --blue-300: #4680D8; 
    --blue-200: #9CE9F3; 
    --blue-100: #E1FCFF; 

    --red-300: #BB3030; 
    --red-200: #E05454; 
    --red-100: #F9DDDD; 

    --orange-300: #C3691E; 
    --orange-200: #E88C41; 
    --orange-100: #FDE7D5; 
}