/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        'deep-graphite': '#0E0F11',
        'iron-gray': '#181B1F',
        'charcoal-outline': '#22262A',
        'primary-blue': '#198CFF',
        'performance-green': '#6FE37A',
        'warning-amber': '#FFC556',
        'neon-aqua': '#43C9E6',
        'racing-red': '#E31E24',
        'carbon-black': '#0A0A0A',
        'metallic-silver': '#C0C0C8',
      },
      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)',
      },
      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' },
        },
      },
    },
  },
  plugins: [],
}