changed color

tailwind.config.js

@@ -20,6 +20,9 @@ module.exports = {
       '9xl': ['8rem', { lineHeight: '1' }],
     },
     extend: {
+      fontFamily: {
+        ethnocentric: ['ethnocentric', 'sans-serif'], // Add the Ethnocentric font
+      },
       borderRadius: {
         '4xl': '2rem',
         '5xl': '2.5rem',
@@ -33,17 +36,17 @@ module.exports = {
       },
       colors: {
         purple: {
-          50: '#f5effa',    // Lightest tone
-          100: '#e8dff2',   // Very light tone
-          200: '#d0bde5',   // Light purple
-          300: '#b99bcc',   // A bit lighter purple
-          400: '#a17bb3',   // Interpolated
-          500: '#954e98',   // Given hex: medium magenta-like
-          600: '#8a417f',   // Interpolated between medium and dark
-          700: '#6d5299',   // Given hex: medium purple
-          800: '#563f83',   // Interpolated to a dark purple
-          900: '#4b3d89',   // Given hex: darkest purple
-          950: '#362565',   // Darkest shade for contrast
+          50: '#efedff',    // Lightest tone, close to a very light lavender
+          100: '#f2f0fe',   // Slightly darker, still a light purple
+          200: '#c0bcdc',   // Light purple from your SVG
+          300: '#a8a3cf',   // Slightly darker, similar to #b99bcc
+          400: '#9089c2',   // Transition tone between light and medium purples
+          500: '#766fa6',   // Given hex: medium purple, from your SVG
+          600: '#675d91',   // Darker purple, interpolated between medium and dark
+          700: '#564a7e',   // Dark purple, close to #6d5299 in the original list
+          800: '#443b62',   // Darker purple, taken from the SVG for strong contrast
+          900: '#302b4b',   // Deepest purple, very close to #4b3d89, used for maximum contrast
+          950: '#221f38',   // Darkest shade, more subdued for very low-light situations
         },
       },
     },