export const colors = {
    primary: {
      light: '#3B82F6',   // blue-500
      DEFAULT: '#2563EB', // blue-600
      dark: '#1D4ED8',    // blue-700
      darker: '#1E40AF'   // blue-800
    },
    background: {
      light: '#F9FAFB',   // gray-50
      DEFAULT: '#F3F4F6', // gray-100
      dark: '#E5E7EB'     // gray-200
    },
    text: {
      primary: '#1F2937', // gray-800
      secondary: '#4B5563', // gray-600
      light: '#9CA3AF'    // gray-400
    },
    white: '#FFFFFF',
    black: '#000000'
  }