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

tailwind.config.js

@@ -8,19 +8,75 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        'fr-blue': '#002395',
+        brand: {
-        'fr-red': '#ED2939',
+          50:  '#eff6ff',
-        'fr-gold': '#C9A84C',
+          100: '#dbeafe',
-        'fr-navy': '#001a6e',
+          200: '#bfdbfe',
-        'fr-cream': '#F8F5F0',
+          300: '#93c5fd',
-        'fr-stone': '#E8E0D0',
+          400: '#60a5fa',
+          500: '#3b82f6',
+          600: '#2563eb',
+          700: '#1d4ed8',
+          800: '#1e40af',
+          900: '#1e3a8a',
+          DEFAULT: '#3b82f6',
+        },
+        surface: {
+          DEFAULT: '#ffffff',
+          secondary: '#f8fafc',
+          tertiary: '#f1f5f9',
+        },
+        ink: {
+          DEFAULT: '#0f172a',
+          secondary: '#475569',
+          muted: '#94a3b8',
+          inverse: '#ffffff',
+        },
+        sidebar: {
+          bg: '#0f172a',
+          hover: '#1e293b',
+          active: '#1d4ed8',
+          border: '#1e293b',
+          text: '#94a3b8',
+          'text-active': '#ffffff',
+        },
       },
       fontFamily: {
-        serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'],
         sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
+        mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
       },
-      backgroundImage: {
+      fontSize: {
-        'tricolor': 'linear-gradient(to right, #002395 33.33%, #FFFFFF 33.33%, #FFFFFF 66.66%, #ED2939 66.66%)',
+        '2xs': ['0.625rem', { lineHeight: '0.875rem' }],
+      },
+      boxShadow: {
+        'card':    '0 1px 3px 0 rgb(0 0 0 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.06)',
+        'card-md': '0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06)',
+        'card-lg': '0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.05)',
+        'ring':    '0 0 0 3px rgb(59 130 246 / 0.2)',
+        'ring-red':'0 0 0 3px rgb(239 68 68 / 0.2)',
+      },
+      animation: {
+        'fade-in':     'fadeIn 0.2s ease-out',
+        'slide-up':    'slideUp 0.25s ease-out',
+        'slide-in':    'slideIn 0.25s ease-out',
+        'pulse-soft':  'pulseSoft 2s ease-in-out infinite',
+        'spin-slow':   'spin 2s linear infinite',
+        'bounce-soft': 'bounceSoft 0.4s ease-out',
+      },
+      keyframes: {
+        fadeIn:     { from: { opacity: '0' },                         to: { opacity: '1' } },
+        slideUp:    { from: { opacity: '0', transform: 'translateY(8px)' }, to: { opacity: '1', transform: 'translateY(0)' } },
+        slideIn:    { from: { opacity: '0', transform: 'translateX(-8px)' }, to: { opacity: '1', transform: 'translateX(0)' } },
+        pulseSoft:  { '0%, 100%': { opacity: '1' }, '50%': { opacity: '0.6' } },
+        bounceSoft: { '0%': { transform: 'scale(1)' }, '50%': { transform: 'scale(1.05)' }, '100%': { transform: 'scale(1)' } },
+      },
+      transitionTimingFunction: {
+        'spring': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+      },
+      borderRadius: {
+        'xl': '0.75rem',
+        '2xl': '1rem',
+        '3xl': '1.5rem',
       },
     },
   },