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",
        "./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: ["var(--font-sans)", ...defaultTheme.fontFamily.sans],

            },
            colors: {
                accent: {
                    50: "hsl(var(--color-accent-50) / <alpha-value>)",
                    100: "hsl(var(--color-accent-100) / <alpha-value>)",
                    200: "hsl(var(--color-accent-200) / <alpha-value>)",
                    300: "hsl(var(--color-accent-300) / <alpha-value>)",
                    400: "hsl(var(--color-accent-400) / <alpha-value>)",
                    500: "hsl(var(--color-accent-500) / <alpha-value>)",
                    600: "hsl(var(--color-accent-600) / <alpha-value>)",
                    700: "hsl(var(--color-accent-700) / <alpha-value>)",
                    800: "hsl(var(--color-accent-800) / <alpha-value>)",
                    900: "hsl(var(--color-accent-900) / <alpha-value>)",
                    950: "hsl(var(--color-accent-950) / <alpha-value>)",
                    DEFAULT: "hsl(var(--color-accent-600) / <alpha-value>)",
                },
            },
            ringColor: {
                accent: "hsl(var(--color-accent-500) / <alpha-value>)",
            },
            ringOffsetColor: {
                accent: "hsl(var(--color-accent-100) / <alpha-value>)",
            },
            backgroundColor: {
                accent: {
                    DEFAULT: "hsl(var(--color-accent-600) / <alpha-value>)",
                    foreground: "var(--color-white)",
                },
            },
            textColor: {
                accent: {
                    DEFAULT: "hsl(var(--color-accent-600) / <alpha-value>)",
                    foreground: "var(--color-white)",
                },
            },
            borderColor: {
                accent: {
                    DEFAULT: "hsl(var(--color-accent-600) / <alpha-value>)",
                },
            },
        },
    },
    plugins: [],
    darkMode: "class",
};