feat: dark / light theme almost complete

frontend/tailwind.config.js

@@ -4,23 +4,41 @@ export default {
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
+  darkMode: 'class',
   theme: {
     extend: {
       colors: {
+        // Primary color scale (Rosso Mugello based)
         primary: {
-          50: '#eff6ff',
+          50: '#fdf2f3',
+          100: '#fce4e6',
+          200: '#f9cdd1',
+          300: '#f4a5ad',
+          400: '#ec717e',
           500: '#7A212A',
-          600: '#7A212A',
-          700: '#9c2a36',
+          600: '#6a1c24',
+          700: '#5a171e',
+          800: '#4a1318',
+          900: '#3a0f12',
         },
         gray: {
           850: '#18202f',
         },
+        // Dark theme tokens (Ferrari-inspired palette)
+        nero: '#231F1C',       // Nero Daytona - page base
+        avus: '#F2F3F6',       // Bianco Avus - primary text on dark
+        titanio: '#A8B8C0',    // Grigio Titanio - secondary text on dark
+        canna: '#7E8792',      // Canna Di Fucile - placeholder text
+        scuro: '#4C4E4D',      // Grigio Scuro - input backgrounds
+        silverstone: '#585C64', // Grigio Silverstone - input borders
+        abudhabi: '#2885B5',   // Blu Abu Dhabi - focus rings
+        // Legacy aliases
         'moto-red': '#7A212A',
         'moto-red-light': '#9c2a36',
       },
       backgroundImage: {
         'gradient-moto': 'linear-gradient(90deg, #7A212A, #9c2a36)',
+        'gradient-cta': 'linear-gradient(90deg, #5a171e 0%, #7A212A 50%, #5a171e 100%)',
       },
     },
   },