import type { Config } from "tailwindcss";

export default {
    darkMode: "class",
    content: [
        "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
        "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
        "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    ],
    theme: {
        extend: {
            colors: {
                background: "var(--background)",
                foreground: "var(--foreground)",
                card: "var(--card)",
                "card-foreground": "var(--card-foreground)",
                popover: "var(--card)",
                "popover-foreground": "var(--card-foreground)",
                primary: "var(--accent)",
                "primary-foreground": "#ffffff",
                secondary: "var(--muted)",
                "secondary-foreground": "var(--foreground)",
                muted: "var(--muted)",
                "muted-foreground": "var(--muted-foreground)",
                accent: "var(--accent-light)",
                "accent-foreground": "var(--accent)",
                destructive: "#ef4444",
                "destructive-foreground": "#ffffff",
                border: "var(--border)",
                input: "var(--border)",
                ring: "var(--accent)",
            },
            borderRadius: {
                lg: "0.75rem",
                md: "0.5rem",
                sm: "0.25rem",
            },
        },
    },
    plugins: [],
} satisfies Config;