style: lighten color scheme and reduce border radius

frontend/tailwind.config.js

@@ -68,29 +68,35 @@ module.exports = {
          
         
        midnightBlueTheme: {
-          text: '#D4D7E2',
-          iconsColor: '#5A7BEB',
-          mainBG: '#1E2338',
-          buttonColor: '#5A7BEB',
-          cardColor: '#20263C',
-          outsideCardColor: '#262E45',
-          webSiteComponentBg: '#5A7BEB3D',
-          testimonials: "#262E45",
-          pricing:"#262E45",
-          diversityContact: '#131618',
-          diversityMain: '#5A7BEB',
-          diversityHeader: '#5A7BEB',
+          text: '#4A4A4A',
+          iconsColor: '#85B6FF',
+          mainBG: '#F7F7FC',
+          buttonColor: '#85B6FF',
+          cardColor: '#FFFFFF',
+          outsideCardColor: '#F7F7FC',
+          webSiteComponentBg: '#85B6FF3D',
+          testimonials: "#FFFFFF",
+          pricing:"#FFFFFF",
+          diversityContact: '#F7F7FC',
+          diversityMain: '#85B6FF',
+          diversityHeader: '#85B6FF',
           900: '#14142A',
-          800: '#262E45',
+          800: '#E0E0E0',
         },
-        primaryText: '#E9EAEF',
+        primaryText: '#1E2338',
       },
       fontFamily: {
         sans: ['Ubuntu', 'sans-serif'],
       
         },
-         borderRadius: {
-        '3xl': '2rem', 
+      borderRadius: {
+        sm: '0.1rem',
+        DEFAULT: '0.2rem',
+        md: '0.3rem',
+        lg: '0.4rem',
+        xl: '0.6rem',
+        '2xl': '0.8rem',
+        '3xl': '0.8rem',
       },
     }
   },