website refactor

apps/website/tailwind.config.js

@@ -10,41 +10,39 @@ module.exports = {
   ],
   theme: {
     extend: {
+      backgroundImage: {
+        'radial-gradient': 'radial-gradient(var(--tw-gradient-stops))',
+      },
       colors: {
-        'deep-graphite': '#0E0F11',
-        'iron-gray': '#181B1F',
-        'charcoal-outline': '#22262A',
+        'graphite-black': '#0C0D0F',
+        'panel-gray': '#141619',
+        'border-gray': '#23272B',
+        'primary-accent': '#198CFF',
+        'telemetry-aqua': '#4ED4E0',
+        'warning-amber': '#FFBE4D',
+        'success-green': '#6FE37A',
+        'critical-red': '#E35C5C',
+        // Legacy mappings for compatibility during transition
+        'deep-graphite': '#0C0D0F',
+        'iron-gray': '#141619',
+        'charcoal-outline': '#23272B',
         'primary-blue': '#198CFF',
         'performance-green': '#6FE37A',
-        'warning-amber': '#FFC556',
-        'neon-aqua': '#43C9E6',
-        'racing-red': '#E31E24',
-        'carbon-black': '#0A0A0A',
-        'metallic-silver': '#C0C0C8',
+        'racing-red': '#E35C5C',
       },
       fontFamily: {
         sans: ['Inter', 'system-ui', 'sans-serif'],
       },
       boxShadow: {
-        'glow': '0 0 20px rgba(25, 140, 255, 0.3)',
-        'glow-strong': '0 0 28px rgba(25, 140, 255, 0.5)',
-        'card': '0 8px 24px rgba(0, 0, 0, 0.12)',
-        'racing': '0 4px 16px rgba(227, 30, 36, 0.15)',
+        'card': '0 4px 12px rgba(0, 0, 0, 0.2)',
+      },
+      transitionDuration: {
+        'smooth': '150ms',
       },
       transitionTimingFunction: {
-        'spring': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
-        'speed': 'cubic-bezier(0.22, 1, 0.36, 1)',
-      },
-      animation: {
-        'speed-pulse': 'speed-pulse 2s ease-in-out infinite',
-      },
-      keyframes: {
-        'speed-pulse': {
-          '0%, 100%': { opacity: '0.5' },
-          '50%': { opacity: '1' },
-        },
+        'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)',
       },
     },
   },
   plugins: [],
-}
+}