import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Dark theme palette
        background: '#0a0a0a',
        surface: '#141414',
        'surface-hover': '#1a1a1a',
        border: '#262626',
        'text-primary': '#fafafa',
        'text-muted': '#a1a1aa',
        // Speaker colors - high contrast on dark
        'speaker-0': '#3B82F6', // blue
        'speaker-1': '#10B981', // emerald
        'speaker-2': '#F59E0B', // amber
        'speaker-3': '#EF4444', // red
        'speaker-4': '#8B5CF6', // violet
        'speaker-5': '#EC4899', // pink
        'speaker-6': '#06B6D4', // cyan
        'speaker-7': '#F97316', // orange
        'speaker-8': '#84CC16', // lime
        'speaker-9': '#6366F1', // indigo
      },
      fontFamily: {
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'],
      },
    },
  },
  plugins: [],
};

export default config;