import type { Config } from "tailwindcss";

const config: Config = {
    content: [
        "./app/**/*.{js,ts,jsx,tsx,mdx}",
        "./components/**/*.{js,ts,jsx,tsx,mdx}",
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                primary: "#00E0B8", // Vibrant teal
                secondary: "#6B7280",
                "background-dark": "#0F111A", // Very dark navy/black
                "surface-dark": "#1E202E", // Slightly lighter dark for cards
                "surface-accent": "#2D3042", // Even lighter for hover states
                "text-light": "#E5E7EB", // Light text for dark mode
                "text-muted": "#9CA3AF", // Muted text for dark mode
            },
            fontFamily: {
                sans: ['Inter', 'sans-serif'],
                display: ['Poppins', 'sans-serif'],
            },
            borderRadius: {
                DEFAULT: "0.75rem",
                'xl': "1rem",
                '2xl': "1.5rem",
            },
            boxShadow: {
                'glow': '0 0 20px rgba(0, 224, 184, 0.15)',
            }
        },
    },
    plugins: [],
};
export default config;
