import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
        neon: {
          green: "#00FF66",
          glow: "#00FF88",
          dark: "#052e16",
          accent: "#10b981",
          hover: "#22c55e",
        },
      },
      boxShadow: {
        "neon-sm": "0 0 10px rgba(0, 255, 102, 0.2)",
        "neon-md": "0 0 25px rgba(0, 255, 102, 0.4)",
        "neon-lg": "0 0 45px rgba(0, 255, 102, 0.6)",
        "neon-glow": "0 0 80px rgba(0, 255, 102, 0.3)",
      },
      animation: {
        "pulse-glow": "pulseGlow 2.5s infinite ease-in-out",
        "scan-line": "scanLine 2s linear infinite",
      },
      keyframes: {
        pulseGlow: {
          "0%, 100%": { opacity: "0.4", transform: "scale(1)" },
          "50%": { opacity: "0.8", transform: "scale(1.03)" },
        },
        scanLine: {
          "0%": { top: "0%" },
          "100%": { top: "100%" },
        },
      },
    },
  },
  plugins: [],
};
export default config;