First commit

tailwind.web.config.js

@@ -0,0 +1,57 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./resources/views/web/**/*.blade.php",
+        "./resources/views/livewire/web/**/*.blade.php",
+        "./resources/views/livewire/web/components/**/*.blade.php",
+        "./app/Livewire/Web/**/*.php",
+        "./app/Livewire/Web/Components/**/*.php",
+    ],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ["var(--font-primary)", ...defaultTheme.fontFamily.sans],
+                secondary: ["var(--font-secondary)", ...defaultTheme.fontFamily.serif],
+            },
+            colors: {
+                // Theme-spezifische Farben mit CSS-Variablen (zusätzlich zu Standard-Farben)
+                background: "hsl(var(--background))",
+                foreground: "hsl(var(--foreground))",
+                card: {
+                    DEFAULT: "hsl(var(--card))",
+                    foreground: "hsl(var(--card-foreground))",
+                },
+                popover: {
+                    DEFAULT: "hsl(var(--popover))",
+                    foreground: "hsl(var(--popover-foreground))",
+                },
+                primary: "hsl(var(--primary))",
+                secondary: "hsl(var(--secondary))",
+                muted: {
+                    DEFAULT: "hsl(var(--muted))",
+                    foreground: "hsl(var(--muted-foreground))",
+                },
+                accent: {
+                    DEFAULT: "hsl(var(--accent))",
+                    foreground: "hsl(var(--accent-foreground))",
+                },
+                destructive: {
+                    DEFAULT: "hsl(var(--destructive))",
+                    foreground: "hsl(var(--destructive-foreground))",
+                },
+                border: "hsl(var(--border))",
+                input: "hsl(var(--input))",
+                ring: "hsl(var(--ring))",
+            },
+            borderRadius: {
+                lg: "var(--radius)",
+                md: "calc(var(--radius) - 2px)",
+                sm: "calc(var(--radius) - 4px)",
+            },
+        },
+    },
+    plugins: [],
+    darkMode: "class",
+};