/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        cyber: {
          cyan: '#00ffff',
          red: '#ff003c',
          green: '#00d178',
          lime: '#39ff14',
          dark: '#000000',
        },
      },
      fontFamily: {
        mono: ['"Courier New"', 'Courier', 'monospace'],
      },
      animation: {
        pulse: 'pulse 2s infinite',
        glitch: 'glitch 0.15s ease-in-out 3',
      },
      keyframes: {
        glitch: {
          '0%': { transform: 'translate(0)' },
          '5%': { transform: 'translate(-2px, 2px)' },
          '10%': { transform: 'translate(2px, -2px)' },
          '15%': { transform: 'translate(-2px, -2px)' },
          '20%, 100%': { transform: 'translate(0)' },
        },
      },
    },
  },
  plugins: [],
}