/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Light Mode Colors
        'primary-blue': '#3182CE',
        'primary-blue-hover': '#2563EB',
        'primary-blue-active': '#1D4ED8',
        'primary-blue-dark': '#1E40AF',
        'bg-main': '#F8FAFC',
        'bg-white': '#FFFFFF',
        'bg-gray': '#F0F4F8',
        'bg-accent': '#E6F2FF',
        'text-primary': '#1A365D',
        'text-secondary': '#2D3748',
        'text-tertiary': '#4A5568',
        'text-quaternary': '#718096',
        'text-placeholder': '#A0AEC0',
        'border-default': '#E2E8F0',
        'border-input': '#CBD5E0',
        'divider': '#F1F5F9',
        'success': '#059669',
        'success-bg': '#D1FAE5',
        'warning': '#D97706',
        'warning-bg': '#FEF3C7',
        'error': '#DC2626',
        'error-bg': '#FEE2E2',
        'info': '#2563EB',
        'info-bg': '#DBEAFE',
        
        // Dark Mode Colors
        'dark': {
          'primary': '#232D53',
          'accent': '#00D4FF',
          'accent-hover': '#00B8E6',
          'bg': '#000000',
          'bg-secondary': '#1A1F3A',
          'bg-sidebar': '#0A0A0A',
          'bg-hover': '#232D53',
          'bg-focus': '#2A3560',
          'text-primary': '#FFFFFF',
          'text-secondary': 'rgba(255, 255, 255, 0.7)',
          'text-tertiary': 'rgba(255, 255, 255, 0.6)',
          'border': 'rgba(255, 255, 255, 0.1)',
          'success': '#4CAF50',
          'warning': '#FFC107',
          'error': '#FF4444',
          'info': '#2196F3',
        }
      },
      fontFamily: {
        'poppins': ['Poppins', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
        'sans': ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Arial', 'sans-serif'],
        'mono': ['SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'monospace'],
      },
      fontSize: {
        'title-lg': '32px',
        'title-dialog': '24px',
        'title-card': '20px',
        'nav': '15px',
        'body': '14px',
        'small': '13px',
        'help': '12px',
      },
      spacing: {
        'container': '40px',
        'card': '32px',
        'element': '16px',
        'inline': '8px',
      },
      borderRadius: {
        'card': '16px',
        'button': '24px',
        'input': '8px',
        'badge': '12px',
      },
      boxShadow: {
        'sm': '0 1px 2px rgba(0, 0, 0, 0.05)',
        'md': '0 4px 6px rgba(0, 0, 0, 0.1)',
        'lg': '0 10px 15px rgba(0, 0, 0, 0.1)',
        'xl': '0 20px 25px rgba(0, 0, 0, 0.1)',
        'focus': '0 0 0 3px rgba(49, 130, 206, 0.1)',
        'dark-sm': '0 2px 4px rgba(0, 0, 0, 0.3)',
        'dark-md': '0 4px 12px rgba(0, 0, 0, 0.4)',
        'dark-lg': '0 8px 24px rgba(0, 0, 0, 0.5)',
        'dark-glow': '0 0 20px rgba(0, 212, 255, 0.3)',
      },
      transitionProperty: {
        'all': 'all',
      },
      transitionDuration: {
        'default': '300ms',
        'fast': '200ms',
      },
      transitionTimingFunction: {
        'default': 'ease',
      },
    },
  },
  plugins: [],
}