import { heroui } from "@heroui/theme";

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  darkMode: "class",
  plugins: [heroui({
    themes: {
      dark: {
        colors: {
          background: "#0a0a0f",
          foreground: "#ECEDEE",
          primary: {
            50: "#e6fff5",
            100: "#b3ffe0",
            200: "#80ffcc",
            300: "#4dffb8",
            400: "#1affa3",
            500: "#00e68a",
            600: "#00b36b",
            700: "#00804d",
            800: "#004d2e",
            900: "#001a10",
            DEFAULT: "#00e68a",
            foreground: "#000000",
          },
          secondary: {
            DEFAULT: "#7c3aed",
            foreground: "#ffffff",
          },
        },
      },
    },
  })],
};