/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        bg: {
          base: '#0a0e1a',
          surface: '#111827',
          elevated: '#1a2235',
          overlay: '#243047',
        },
        brand: {
          primary: '#22c55e',
          accent: '#3b82f6',
          danger: '#ef4444',
          warning: '#f59e0b',
        },
        text: {
          primary: '#f9fafb',
          secondary: '#9ca3af',
          muted: '#4b5563',
        },
        border: {
          DEFAULT: '#1e2d45',
          active: '#22c55e',
        }
      },
      fontFamily: {
        display: ['Bebas Neue', 'Impact', 'sans-serif'],
        body: ['IBM Plex Sans', 'ui-sans-serif', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'monospace'],
      },
      animation: {
        'live-pulse': 'pulse-custom 1.5s infinite',
      },
      keyframes: {
        'pulse-custom': {
          '0%, 100%': { opacity: 1, transform: 'scale(1)' },
          '50%': { opacity: 0.5, transform: 'scale(0.95)' },
        }
      }
    },
  },
  plugins: [],
}