/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./views/**/*.{php,html,js}",
    "./public/**/*.{php,html,js}",
    "./*.php"
  ],
  theme: {
    fontFamily: {
      sans: ['Manrope', 'ui-sans-serif', 'system-ui', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
      serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'],
    },
    extend: {
      colors: {
        'primary': '#10B981',
        'secondary': '#059669',
        'accent': '#047857',
        'dark': '#1A1A1A',
        'darker': '#1A1A1A',
        'light': '#D1FAE5',
        'success': '#059669',
        'warning': '#F59E0B',
        'error': '#EF4444',
        'card-bg': '#242424',
        'card-hover': '#2A2A2A',
        'sidebar-bg': '#202020',
      },
      borderRadius: {
        'xl': '1rem',
        '2xl': '1.5rem',
        '3xl': '2rem',
      },
      boxShadow: {
        'neon': '0 0 10px rgba(16, 185, 129, 0.5), 0 0 20px rgba(16, 185, 129, 0.3)',
        'card': '0 4px 20px rgba(0, 0, 0, 0.25)',
        'hover': '0 8px 30px rgba(16, 185, 129, 0.15)',
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-game': 'linear-gradient(to bottom, #242424, #1A1A1A)',
        'gradient-success': 'linear-gradient(to right, #059669, #10B981)',
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}
