/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './**/*.html',
        './**/*.razor',
        '../Shared/AliasVault.RazorComponents/**/*.cs',
        '../Shared/AliasVault.RazorComponents/**/*.razor',
    ],
    safelist: [
        'w-64',
        'w-1/2',
        'rounded-l-lg',
        'rounded-r-lg',
        'bg-gray-200',
        'grid-cols-4',
        'grid-cols-7',
        'h-6',
        'leading-6',
        'h-9',
        'leading-9',
        'shadow-lg',
        'bg-opacity-50',
        'dark:bg-opacity-80'
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                primary: {
                    "900": "#7b4a1e",
                    "800": "#9a5d26",
                    "700": "#b8702f",
                    "600": "#d68338",
                    "500": "#f49541",
                    "400": "#f6a752",
                    "300": "#f8b963",
                    "200": "#fbcb74",
                    "100": "#fdde85",
                    "50": "#ffe096"
                }

            },
            fontFamily: {
                'sans': ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
                'body': ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
                'mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace']
            },
            transitionProperty: {
                'width': 'width'
            },
            textDecoration: ['active'],
            minWidth: {
                'kanban': '28rem'
            },
            animation: {
                'spin-ccw': 'spin-ccw 1s linear infinite',
            },
            keyframes: {
                'spin-ccw': {
                    'from': { transform: 'rotate(0deg)' },
                    'to': { transform: 'rotate(-360deg)' }
                }
            },
        },
    },
    plugins: [
    ],
}