/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'Plus Jakarta Sans', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
        pixel: ['"Press Start 2P"', 'monospace', 'cursive'],
        retro: ['Silkscreen', 'monospace', 'sans-serif'],
      },
      boxShadow: {
        'subtle': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)',
        'modern': '0 4px 20px -2px rgba(0, 0, 0, 0.25)',
        'modern-lg': '0 10px 30px -4px rgba(0, 0, 0, 0.3)',
        'pixel-sm': '2px 2px 0px 0px #000000',
        pixel: '4px 4px 0px 0px #000000',
        'pixel-lg': '6px 6px 0px 0px #000000',
        'pixel-xl': '8px 8px 0px 0px #000000',
        'pixel-inset': 'inset 3px 3px 0px 0px rgba(0,0,0,0.2)',
      },
      colors: {
        slate: {
          850: '#151c2c',
          900: '#0f172a',
          925: '#0b1120',
          950: '#070c18',
        },
        brand: {
          50: '#ecfdf5',
          100: '#d1fae5',
          400: '#34d399',
          500: '#10b981',
          600: '#059669',
        },
      },
    },
  },
  plugins: [],
};