export const Colors = {
  // Primary Colors - React Native Brand Colors
  primary: '#61DAFB',
  primaryDark: '#21A1F1',
  primaryLight: '#A8E6FF',
  
  // Secondary Colors
  secondary: '#20232A',
  secondaryLight: '#282C34',
  tertiary: '#61DAFB20',
  
  // Success Colors
  success: '#4CAF50',
  successLight: '#81C784',
  successDark: '#388E3C',
  
  // Error Colors
  error: '#F44336',
  errorLight: '#E57373',
  errorDark: '#D32F2F',
  
  // Warning Colors
  warning: '#FF9800',
  warningLight: '#FFB74D',
  warningDark: '#F57C00',
  
  // Info Colors
  info: '#2196F3',
  infoLight: '#64B5F6',
  infoDark: '#1976D2',
  
  // Neutral Colors
  white: '#FFFFFF',
  black: '#000000',
  gray50: '#FAFAFA',
  gray100: '#F5F5F5',
  gray200: '#EEEEEE',
  gray300: '#E0E0E0',
  gray400: '#BDBDBD',
  gray500: '#9E9E9E',
  gray600: '#757575',
  gray700: '#616161',
  gray800: '#424242',
  gray900: '#212121',
  
  // Background Colors - Windsurf Style
  background: '#1E1E1E',  // Windsurf dark background
  surface: '#252526',   // Slightly lighter for cards
  card: '#2D2D2D',      // Card background
  
  // Text Colors
  text: '#FFFFFF',      // White text for dark theme
  textSecondary: '#CCCCCC', // Secondary text
  textLight: '#FFFFFF',
  
  // Border Colors - Dark Theme
  border: '#404040',      // Dark borders
  borderLight: '#333333',  // Lighter borders
  
  // Shadow Colors
  shadow: '#000000',
  
  // Gradient Colors
  gradientStart: '#61DAFB',
  gradientEnd: '#21A1F1',
  
  // Berufsspezifische Farben
  betriebstechnik: {
    primary: '#2196F3',
    secondary: '#1976D2',
    light: '#E3F2FD',
    background: '#E3F2FD20'
  },
  
  applikationsentwicklung: {
    primary: '#4CAF50',
    secondary: '#388E3C',
    light: '#E8F5E8',
    background: '#E8F5E820'
  },
  
  // Status Colors
  online: '#4CAF50',
  offline: '#9E9E9E',
  busy: '#FF9800',
  
  // Progress Colors
  progress: '#61DAFB',
  progressBackground: '#E0E0E0',
};

export const ColorScheme = {
  dark: {
    ...Colors,
    background: Colors.background,
    surface: Colors.surface,
    card: Colors.card,
    text: Colors.text,
    textSecondary: Colors.textSecondary,
    border: Colors.border,
  },
};
