:root { 
--primary-color: #4757bb;
--primary-light: #6c79c9;
--primary-lighter: #a4acdd;
--primary-lighter-2: #c9ceeb;
--primary-ultra-lighter: #ffffff;
--primary-ultra-lighter2: #ffffff;
--primary-ultra-lighter3: #ffffff;
--secondary-color: #403894;
--secondary-light: #5046b9;
--secondary-lighter: #857ece;
--secondary-ultra-lighter: #dcdaf1;
--thirdinary-color: #9690d5;
--thirdinary-light: #b9b5e3;
--thirdinary-lighter: #edecf8;
--thirdinary-ultra-lighter: #ffffff;
--primary-dark: #384597;
--primary-darker: #232b5f;
--primary-ultra-darker: #010102;
--secondary-dark: #302a6f;
--secondary-darker: #181538;
--secondary-ultra-darker: #000000;
--thirdinary-dark: #736bc7;
--thirdinary-darker: #483fa7;
--thirdinary-ultra-darker: #201c4a;
}