:root {
--primaryColor: #3A6F79;
--primaryLightColor: #4E8B96;
--primaryDarkColor: #28545C;

--secondaryColor: #FFFFFF;
--secondaryLightColor: #FFFFFF;
--secondaryDarkColor: #CCCCCC;

--primaryTextColor: #FFFFFF;
--secondaryTextColor: #000000;

--primary-900: #28545C;
--primary-800: #3A6F79;
--primary-700: #64A7B3;
--primary-600: #7DC3D0;
--primary-500: #98E0EE;
--primary-400: #AEF2FF;
--primary-300: #C6F6FF;
--primary-200: #DEFAFF;
--primary-100: #F7FDFF;
--primary-50: #E1F4FD;

--SECONDARY-900: #3C3C3C;
--SECONDARY-800: #606060;
--SECONDARY-700: #818181;
--SECONDARY-600: #979797;
--SECONDARY-500: #C2C2C2;
--SECONDARY-400: #DEDEDE;
--SECONDARY-300: #F0F0F0;
--SECONDARY-200: #F5F5F5;
--SECONDARY-100: #FAFAFA;
--SECONDARY-50: #FFFFFF;

--BACKGROUND: #FEFEFE;
--SHADOW: #BEBEBE;
--WHITE: #FFFFFF;
}