tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        'retro-gray': '#2a2a2a',
        'retro-black': '#1a1a1a',
        'retro-silver': '#c0c0c0',
        'retro-amber': '#ff9500',
        'neon-pink': '#ff006e',
        'neon-cyan': '#00f5ff',
        'neon-purple': '#8338ec',
      },
      fontFamily: {
        'led': ['"VT323"', 'monospace'],
        'hand': ['"Permanent Marker"', 'cursive'],
        'retro': ['"Orbitron"', 'sans-serif'],
      },
      backgroundImage: {
        'scanlines': 'linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06))',
      }
    },
  },
  plugins: [],
}