import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  darkMode: false,
  theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
        "card-bg": "var(--card-bg)",
        "card-border": "var(--card-border)",
        "accent-blue": "var(--accent-blue)",
        "accent-green": "var(--accent-green)",
        "accent-red": "var(--accent-red)",
        "accent-yellow": "var(--accent-yellow)",
        "accent-purple": "var(--accent-purple)",
        "accent-pink": "var(--accent-pink)",
        "accent-teal": "var(--accent-teal)",
        "accent-orange": "var(--accent-orange)",
        "text-secondary": "var(--text-secondary)",
        "progress-bg": "var(--progress-bg)",
      },
      borderColor: {
        DEFAULT: "var(--card-border)",
      },
      backgroundImage: {
        "gradient-blue": "var(--gradient-blue)",
        "gradient-purple": "var(--gradient-purple)",
        "gradient-green": "var(--gradient-green)",
        "gradient-red": "var(--gradient-red)",
      },
    },
  },
  plugins: [],
};

export default config;