/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./resources/**/*.blade.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
        "./node_modules/flowbite/**/*.js",
        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
    ],
    theme: {
        container: {
            padding: {
                DEFAULT: "0rem",
                sm: "0rem",
                lg: "1rem",
                xl: "2rem",
                "2xl": "3rem",
            },
            // Tambahkan opsi `center` untuk margin auto
            center: true,
        },
        extend: {
            // Tambahkan font Bebas Neue di sini
            fontFamily: {
                "bebas-neue": ['"Bebas Neue"', "sans-serif"],
            },
            dropShadow: {
                "1xl": "0 10px 20px rgba(0, 0, 0, 0.15)", // Light shadow for minimal depth
                "2xl": "0 20px 30px rgba(0, 0, 0, 0.2)", // More noticeable shadow
                "3xl": "0 30px 40px rgba(0, 0, 0, 0.25)", // Deep shadow for significant depth
                "4xl": [
                    "0 30px 50px rgba(0, 0, 0, 0.3)", // Stronger shadow with more blur
                    "0 40px 70px rgba(0, 0, 0, 0.2)", // Additional shadow for greater depth
                ],
            },
        },
    },
    plugins: [require("flowbite/plugin")],
};