export const colors = {
  // Primary colors
  primary: '#0066cc',
  primaryLight: '#e6f2ff',
  primaryDark: '#004c99',
  
  // Secondary colors
  secondary: '#6c757d',
  secondaryLight: '#f8f9fa',
  secondaryDark: '#343a40',
  
  // Accent colors
  accent: '#ff9500',
  accentLight: '#fff4e6',
  accentDark: '#cc7a00',
  
  // Status colors
  success: '#28a745',
  successLight: '#e8f5e9',
  warning: '#ffc107',
  warningLight: '#fff9e6',
  error: '#dc3545',
  errorLight: '#ffebee',
  info: '#17a2b8',
  infoLight: '#e3f2fd',
  
  // Neutral colors
  white: '#ffffff',
  gray100: '#f8f9fa',
  gray200: '#e9ecef',
  gray300: '#dee2e6',
  gray400: '#ced4da',
  gray500: '#adb5bd',
  gray600: '#6c757d',
  gray700: '#495057',
  gray800: '#343a40',
  gray900: '#212529',
  black: '#000000',
  
  // Text colors
  textPrimary: '#212529',
  textSecondary: '#6c757d',
  textDisabled: '#adb5bd',
  
  // Background colors
  background: '#f8f8f8',
  card: '#ffffff',
  
  // Border colors
  border: '#dee2e6',
  divider: '#e9ecef',
  
  // Transparent colors
  transparent: 'transparent',
  semiTransparent: 'rgba(0, 0, 0, 0.5)',
  
  // Dark theme colors
  darkBackground: '#0f172a',
  darkCard: '#1e293b',
  darkBorder: '#334155',
  darkText: '#f8fafc',
  darkTextSecondary: '#cbd5e1',
};