/** @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',
      },
      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)',
      },
      transitionTimingFunction: {
        'spring': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
      },
    },
  },
  plugins: [],
}