/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        midnight: {
          50: '#0a0e27',
          100: '#0d1229',
          200: '#10152b',
          300: '#13182d',
          400: '#161b2f',
          500: '#191e31',
          600: '#1c2133',
          700: '#1f2435',
          800: '#222737',
          900: '#252a39',
        },
        neon: {
          cyan: '#00ffff',
          green: '#00ff41',
          blue: '#0080ff',
          purple: '#bf00ff',
          pink: '#ff00ff',
        },
        cyber: {
          dark: '#0a0a0f',
          darker: '#050508',
          light: '#1a1a2e',
          accent: '#00d9ff',
          accent2: '#00ff88',
        },
      },
      boxShadow: {
        'neon-cyan': '0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff',
        'neon-green': '0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px #00ff41',
        'neon-blue': '0 0 10px #0080ff, 0 0 20px #0080ff, 0 0 30px #0080ff',
        'glow-cyan': '0 0 5px #00ffff, 0 0 10px #00ffff',
        'glow-green': '0 0 5px #00ff41, 0 0 10px #00ff41',
      },
      backgroundImage: {
        'cyber-grid': 'linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px)',
      },
      backgroundSize: {
        'grid': '20px 20px',
      },
    },
  },
  plugins: [],
}