/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Primary color scale (Rosso Mugello based)
        primary: {
          50: '#fdf2f3',
          100: '#fce4e6',
          200: '#f9cdd1',
          300: '#f4a5ad',
          400: '#ec717e',
          500: '#7A212A',
          600: '#6a1c24',
          700: '#5a171e',
          800: '#4a1318',
          900: '#3a0f12',
        },
        gray: {
          850: '#18202f',
        },
        // Dark theme tokens (Ferrari-inspired palette)
        paper: '#1D1A18',      // MUI background.paper - DARKEST brownish-black
        nero: '#231F1C',       // Nero Daytona - page base
        card: '#2A2725',       // Card backgrounds - lighter than nero
        border: '#3A3735',     // Borders in dark mode
        inactive: '#4A4845',   // Inactive UI elements
        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%)',
      },
    },
  },
  plugins: [],
}