import type { Config } from "tailwindcss"

const config: Config = {
  darkMode: ["class"],
  content: [
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        // Neo-brutalism color scheme from design
        primary: {
          DEFAULT: "#FFD700", // Gold/Yellow from MotherDuck
          dark: "#e5cb00",
        },
        secondary: "#ff6f00", // Orange accent
        background: {
          light: "#F5F2EB", // Warm off-white/beige
          dark: "#121212", // Dark charcoal for dark mode
        },
        surface: {
          light: "#FFFFFF",
          dark: "#1E1E1E",
        },
        border: {
          light: "#000000",
          dark: "#4a4a4a",
        },
        text: {
          light: "#000000",
          dark: "#F5F2EB",
        },
      },
      fontFamily: {
        display: ["'Space Mono'", "'Courier New'", "monospace"], // Space Mono for headings
        sans: ["var(--font-inter)", "system-ui", "-apple-system", "sans-serif"], // Inter for body
      },
      boxShadow: {
        // Neo-brutalism shadows
        neo: "4px 4px 0px 0px rgba(0,0,0,1)",
        "neo-sm": "2px 2px 0px 0px rgba(0,0,0,1)",
        "neo-hover": "2px 2px 0px 0px rgba(0,0,0,1)",
        "neo-dark": "4px 4px 0px 0px rgba(255,215,0,0.5)",
        brutal: "4px 4px 0px 0px rgba(0,0,0,1)",
        "brutal-hover": "2px 2px 0px 0px rgba(0,0,0,1)",
        "brutal-dark": "4px 4px 0px 0px rgba(255,255,255,0.2)",
      },
      borderRadius: {
        DEFAULT: "0px", // Sharp corners for neo-brutalism
        md: "2px",
      },
      animation: {
        float: "float 6s ease-in-out infinite",
      },
      keyframes: {
        float: {
          "0%, 100%": { transform: "translateY(0px) rotate(0deg)" },
          "50%": { transform: "translateY(-10px) rotate(2deg)" },
        },
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}
export default config