/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Dark theme color palette for trading/finance - All black backgrounds
        background: {
          DEFAULT: '#000000',
          secondary: '#000000',
          tertiary: '#000000',
        },
        surface: {
          DEFAULT: '#000000',
          secondary: '#0a0a0a',
          tertiary: '#111111',
        },
        border: {
          DEFAULT: '#1a1a1a',
          secondary: '#2a2a2a',
        },
        text: {
          primary: '#ffffff',
          secondary: '#a1a1aa',
          muted: '#71717a',
        },
        primary: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#3b82f6',
          600: '#2563eb',
          700: '#1d4ed8',
          800: '#1e40af',
          900: '#1e3a8a',
          950: '#172554',
        },
        success: {
          DEFAULT: '#10b981',
          50: '#ecfdf5',
          500: '#10b981',
          600: '#059669',
        },
        danger: {
          DEFAULT: '#ef4444',
          50: '#fef2f2',
          500: '#ef4444',
          600: '#dc2626',
        },
        warning: {
          DEFAULT: '#f59e0b',
          50: '#fffbeb',
          500: '#f59e0b',
          600: '#d97706',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'monospace'],
      },
      spacing: {
        '0.5': '0.125rem',   // 2px
        '1.5': '0.375rem',   // 6px
        '2.5': '0.625rem',   // 10px
        '3.5': '0.875rem',   // 14px
        '4.5': '1.125rem',   // 18px
        '5.5': '1.375rem',   // 22px
      },
      fontSize: {
        'xs': ['0.6875rem', { lineHeight: '0.875rem' }],    // 11px
        'sm': ['0.75rem', { lineHeight: '1rem' }],          // 12px
        'base': ['0.8125rem', { lineHeight: '1.125rem' }],  // 13px
        'lg': ['0.875rem', { lineHeight: '1.25rem' }],      // 14px
        'xl': ['1rem', { lineHeight: '1.375rem' }],         // 16px
        '2xl': ['1.125rem', { lineHeight: '1.5rem' }],      // 18px
        '3xl': ['1.25rem', { lineHeight: '1.625rem' }],     // 20px
      },
      lineHeight: {
        'tight': '1.1',
        'snug': '1.2',
        'normal': '1.3',
        'relaxed': '1.4',
      },
    },
  },
  plugins: [],
}