fix: apply designer agent improvements to tailwind.config.js

tailwind.config.js

@@ -7,51 +7,48 @@ export default {
   theme: {
     extend: {
       colors: {
-        marine: {
+        'marine': {
           50:  '#f0f4f8',
-          100: '#d9e2ec',
+          100: '#d9e4ed',
-          200: '#bcccdc',
+          200: '#b3c9da',
-          300: '#9fb3c8',
+          300: '#7fa4bb',
-          400: '#829ab1',
+          400: '#4d7d9c',
-          500: '#627d98',
+          500: '#2d5f80',
-          600: '#486581',
+          600: '#1f4a66',
-          700: '#334e68',
+          700: '#163a52',
-          800: '#243b53',
+          800: '#0f2a3d',
-          900: '#102a43',
+          900: '#091e2d',
+          950: '#040f18',
         },
-        gold: {
+        'gold': {
+          50:  '#fffbeb',
+          100: '#fef3c7',
+          200: '#fde68a',
           300: '#fcd34d',
           400: '#fbbf24',
-          500: '#f59e0b',
+          500: '#c9a84c',
-          600: '#d97706',
+          600: '#a07830',
-          700: '#b45309',
+          700: '#7c5a1e',
+          800: '#5a3f0f',
+          900: '#3b2708',
         },
-        crimson: {
+        'military': {
-          500: '#dc2626',
+          dark:  '#1C2B1A',
-          600: '#b91c1c',
+          green: '#4A5C3F',
-          700: '#991b1b',
+          light: '#6B7F5E',
-        }
+        },
+        'french': {
+          blue: '#002395',
+          red:  '#ED2939',
+        },
+        'cream': '#F9F6F0',
       },
       fontFamily: {
-        serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'],
+        serif: ["'Playfair Display'", 'Georgia', 'serif'],
-        sans: ['Inter', 'system-ui', 'sans-serif'],
+        sans:  ["'Inter'", 'system-ui', 'sans-serif'],
       },
       backgroundImage: {
-        'hero-pattern': "linear-gradient(rgba(16, 42, 67, 0.82), rgba(16, 42, 67, 0.75))",
+        'tricolore': "linear-gradient(to right, #002395 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ED2939 66.66%)",
-      },
-      animation: {
-        'fade-in': 'fadeIn 1s ease-in-out',
-        'slide-up': 'slideUp 0.8s ease-out',
-      },
-      keyframes: {
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        slideUp: {
-          '0%': { transform: 'translateY(30px)', opacity: '0' },
-          '100%': { transform: 'translateY(0)', opacity: '1' },
-        },
       },
     },
   },