/** @type {import('tailwindcss').Config} */
module.exports = {
  // Ermöglicht zusätzlich zu .dark auch [data-theme="dark"] als Schalter
  darkMode: ["class", '[data-theme="dark"]'],
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      zIndex: {
        60: "60",
        70: "70",
      },
      colors: {
        "littwin-blue": "#00AEEF",
      },
      screens: {
        sm: "640px",
        md: "768px",
        lg: "1024px",
        xl: "1280px",
        laptop: "1350px",
        "ipad-pro": "1024px",
        "2xl": "1600px",
        "3xl": "1920px",
        qhd: "2560px",
      },
      height: {
        laptop: "688px", // Benutzerdefinierte Höhe für Laptop
      },
    },
  },
  plugins: [],
};