/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        dark: {
          bg: '#1a1a2e',
          surface: '#16213e',
          text: '#eaeaea',
          textMuted: '#a0a0a0',
        },
        light: {
          bg: '#ffffff',
          surface: '#f8f9fa',
          text: '#333333',
          textMuted: '#666666',
        },
        system: {
          bg: 'var(--system-bg)',
          surface: 'var(--system-surface)',
          text: 'var(--system-text)',
          textMuted: 'var(--system-text-muted)',
        },
      },
    },
  },
  plugins: [],
  darkMode: 'class',
}