
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./resources/themes/tailwind/views/**/*.blade.php",
        "./resources/themes/tailwind/js/**/*.js",
        "./resources/themes/tailwind/views/**/*.vue",
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                "primary": "#364d6d",
                "primary-dark": "#2a3b55",
                "accent": "#DDC393",
                "background-light": "#fafaf9",
                "background-dark": "#16181c",
                "surface-light": "#ffffff",
                "surface-dark": "#23262b",
                "border-light": "#e5e7eb",
                "border-dark": "#374151",
                "text-main": "#121417",
                "text-muted": "#647082",
            },
            fontFamily: {
                "display": ["Inter", "sans-serif"],
                "sans": ["Inter", "sans-serif"]
            },
            borderRadius: {
                "DEFAULT": "0.375rem", // 6px
                "md": "0.5rem",      // 8px
                "lg": "0.75rem",     // 12px
                "xl": "1rem",        // 16px
                "2xl": "1.5rem",
                "3xl": "2rem",
                "full": "9999px"
            },
            boxShadow: {
                'soft': '0 4px 20px -2px rgba(0, 0, 0, 0.05)',
                'soft-hover': '0 10px 25px -5px rgba(0, 0, 0, 0.08)',
            },
            animation: {
                'in': 'fade-in 0.2s ease-out',
            },
            keyframes: {
                'fade-in': {
                    '0%': { opacity: '0' },
                    '100%': { opacity: '1' },
                }
            }
        },
    },
    plugins: [],
}
