/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,ts}'],
  theme: {
    extend: {
      fontFamily: {
        display: ['Orbitron', 'sans-serif'],
        mono: ['"Share Tech Mono"', 'monospace'],
      },
      colors: {
        void: '#050508',
        panel: '#0b0d16',
        cyan: { neon: '#00fff2' },
        magenta: { neon: '#ff00e5' },
        orange: { neon: '#ff5f1f' },
        green: { neon: '#39ff14' },
      },
      boxShadow: {
        'glow-cyan': '0 0 6px #00fff2, 0 0 18px rgba(0,255,242,0.5)',
        'glow-magenta': '0 0 6px #ff00e5, 0 0 18px rgba(255,0,229,0.5)',
        'glow-orange': '0 0 6px #ff5f1f, 0 0 18px rgba(255,95,31,0.6)',
        'glow-green': '0 0 6px #39ff14, 0 0 18px rgba(57,255,20,0.6)',
      },
      animation: {
        'pulse-glow': 'pulse-glow 2.4s ease-in-out infinite',
        scan: 'scan 6s linear infinite',
      },
      keyframes: {
        'pulse-glow': {
          '0%, 100%': { opacity: 1 },
          '50%': { opacity: 0.55 },
        },
        scan: {
          '0%': { backgroundPosition: '0 0' },
          '100%': { backgroundPosition: '0 64px' },
        },
      },
    },
  },
  plugins: [],
};