import type { Config } from 'tailwindcss'

export default <Config>{
    content: [
        './components/**/*.{js,vue,ts}',
        './layouts/**/*.vue',
        './pages/**/*.vue',
        './plugins/**/*.{js,ts}',
        './app.vue',
        './error.vue',
        './app/components/**/*.{js,vue,ts}',
        './app/layouts/**/*.vue',
        './app/pages/**/*.vue',
        './app/app.vue'
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Cubic 11', 'ui-sans-serif', 'system-ui'],
                mono: ['Cubic 11', 'ui-monospace', 'monospace'],
            },
            colors: {
                // Pixel Dungeon Palette
                pixel: {
                    white: '#e0d8f0',
                    black: '#1b1026', // Dark Purple-Black
                    bg: '#0f0816',    // Darker BG
                    primary: '#f6b26b', // Orange/Gold
                    secondary: '#2ce8f4', // Cyan
                    accent: '#d95763', // Red
                    green: '#99e550',
                    yellow: '#ffe762',
                    purple: '#8f80a0',
                    darkPurple: '#4a3b5e',
                    panel: '#2b193f',
                    panelDark: '#1b1026',
                    panelBorder: '#4a3b5e'
                }
            }
        }
    }
}
