/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './templates/**/*.{js,ts,jsx,tsx,mdx}',
    './ui/**/*.{js,ts,jsx,tsx,mdx}',
    './lib/**/*.{js,ts,jsx,tsx,mdx}',
    './hooks/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'radial-gradient': 'radial-gradient(var(--tw-gradient-stops))',
      },
      colors: {
        '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',
        'racing-red': '#E35C5C',
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      boxShadow: {
        'card': '0 4px 12px rgba(0, 0, 0, 0.2)',
      },
      transitionDuration: {
        'smooth': '150ms',
      },
      transitionTimingFunction: {
        'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)',
      },
    },
  },
  plugins: [],
}