// /** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './storage/framework/views/*.php',
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
    ],
    theme: {
        boxShadow: {
            "Product-Couponing-Schatten":
                "2.8533918857574463px -1.9022612571716309px 9.511306762695312px 0px rgba(0,0,0,0.3)",
        },
        borderRadius: {
            none: "0",
            xs: "0.0625rem",
            sm: "0.3125rem",
            default: "0.59375rem",
            lg: "0.65625rem",
            xl: "0.6890624761581421rem",
            "2xl": "0.8394944667816162rem",
            "3xl": "0.9375rem",
            "4xl": "1.875rem",
            "5xl": "1.9687498807907104rem",
            "6xl": "1.9687501192092896rem",
            "7xl": "1.976562738418579rem",
            "8xl": "2.0836267471313477rem",
            "9xl": "2.3307292461395264rem",
        },
        extend: {
            screens: {
                print: {
                    raw: "print",
                },
            },
            colors: {
                braun: "#5f282d",
                weinrot: "#a5193c",
                blau: "#5f9bd2",
                orange: "#f0a500",
                grau: "#555555",
                hellgruen: "#b4be00",
                antrazit: "#2b2b2b",
                weiss: "#ffffff",
                hellgrau: "#fbfbfb",
                hellgrau2: "#f4f4f4",
            },
            fontSize: {
                h1: ["60px", "68px"],
                "h1-lg": ["50px", "58px"],
                "h1-md": ["40px", "48px"],
                "h1-sm": ["30px", "38px"],
                "h1.small": ["50px", "58px"],
                "h1-lg.small": ["40px", "48px"],
                "h1-md.small": ["30px", "38px"],
                h2: ["42px", "48px"],
                "h2-lg": ["34px", "38px"],
                "h2-md": ["28px", "32px"],
                "h2-sm": ["20px", "25px"],
                "h2-sm2": ["18px", "22px"],
                h3: ["31px", "36px"],
                "h3-lg": ["26px", "30px"],
                "h3-md": ["22px", "26px"],
                "text-small": "1rem",
                small: ["13px", "17px"],
                "small-lg": ["16px", "22px"],
                "size-17": ["17px", "21px"],
                "size-19": ["19px", "23px"],
                p: ["15px", "20px"],
                "p-lg": ["21px", "28px"],
                "p-xl": ["30px", "40px"],
                "p-2xl": ["32px", "32px"],
                p2: ["15px", "26px"],
            },
            fontFamily: {
                roboto: ["Roboto", "sans-serif"],
                robotobold: ["Roboto Bold", "sans-serif"],
                hobo: ["hobo-std", "sans-serif"],
                scarletwood: ["scarlet-wood", "sans-serif"],
                fontawesome: ["Font Awesome 5 Free"],
            },
            lineHeight: {
                "headline-mobile": "5rem",
            },
            backgroundImage: {
                "produkt-aktionsstoerer":
                    "url('@/images/Icons/produkt-aktionsstoerer.svg')",
                "produkt-aktionsstoerer-braun":
                    "url('@/images/Icons/produkt-aktionsstoerer-braun.svg')",
                "cta-bg-brown":
                    "url('@/images/Gestaltungselemente-path/CTA-path.svg')",
                "cta-bg-green":
                    "url('@/images/Gestaltungselemente-path/CTA-path-green.svg')",
                "cta-bg-white":
                    "url('@/images/Gestaltungselemente-path/CTA-path-white.svg')",
                "cta-bg-path-brown":
                    "url('@/images/Gestaltungselemente-path/CTA-stroke-path-brown.svg') center center no-repeat",
                "cta-bg-path-green":
                    "url('@/images/Gestaltungselemente-path/CTA-path-green.svg') center center no-repeat",
            },
            cursor: {
                custom: "url(@/images/cursor.svg) , pointer",
            },
        },
    },
    plugins: [],
    variants: {
        extend: {
            visibility: ["group-hover"],
        },
    },
};