/**
 * Tailwind-Konfiguration für Backend (Portal)
 * - Domain: pr-copilot.test
 * - Verwendet FluxUI (flux-pro/flux)
 * - Vite-Port: 5177
 * - Build-Verzeichnis: public/build/portal
 */
const defaultTheme = require("tailwindcss/defaultTheme");

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./resources/views/portal/**/*.blade.php",
        "./resources/views/layouts/portal/**/*.blade.php",
        "./resources/views/components/**/*.blade.php",
        "./app/Livewire/Portal/**/*.php",
        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
        "./vendor/livewire/flux-pro/stubs/**/*.blade.php",
        "./vendor/livewire/flux/stubs/**/*.blade.php",
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ["Instrument Sans", ...defaultTheme.fontFamily.sans],
            },
            colors: {
                accent: {
                    50: "rgb(var(--color-accent-50) / <alpha-value>)",
                    100: "rgb(var(--color-accent-100) / <alpha-value>)",
                    200: "rgb(var(--color-accent-200) / <alpha-value>)",
                    300: "rgb(var(--color-accent-300) / <alpha-value>)",
                    400: "rgb(var(--color-accent-400) / <alpha-value>)",
                    500: "rgb(var(--color-accent-500) / <alpha-value>)",
                    600: "rgb(var(--color-accent-600) / <alpha-value>)",
                    700: "rgb(var(--color-accent-700) / <alpha-value>)",
                    800: "rgb(var(--color-accent-800) / <alpha-value>)",
                    900: "rgb(var(--color-accent-900) / <alpha-value>)",
                    950: "rgb(var(--color-accent-950) / <alpha-value>)",
                    DEFAULT: "rgb(var(--color-accent-600) / <alpha-value>)",
                },
            },
            ringColor: {
                accent: "rgb(var(--color-accent-500) / <alpha-value>)",
            },
            ringOffsetColor: {
                accent: "rgb(var(--color-accent-100) / <alpha-value>)",
            },
            backgroundColor: {
                accent: {
                    DEFAULT: "rgb(var(--color-accent-600) / <alpha-value>)",
                    foreground: "var(--color-white)",
                },
            },
            textColor: {
                accent: {
                    DEFAULT: "rgb(var(--color-accent-600) / <alpha-value>)",
                    foreground: "var(--color-white)",
                },
            },
            borderColor: {
                accent: {
                    DEFAULT: "rgb(var(--color-accent-600) / <alpha-value>)",
                },
            },
        },
    },
    plugins: [],
    darkMode: "class",
};