// Shared animation timing constants
const ANIMATION = {
  MSG_DURATION: 1200,   // message travel time (ms)
  STEP_PAUSE: 1500,    // pause between steps (ms)
  INITIAL_PAUSE: 3000, // pause at start before animation begins (ms)
  ERROR_PAUSE: 4000,   // pause on error state (ms)
};

// Shared color palette
const COLORS = {
  client: '#1976d2',
  clientLight: '#e3f2fd',
  clientActive: '#bbdefb',
  
  server: '#ef6c00',
  serverLight: '#fff3e0',
  serverActive: '#ffe0b2',
  
  notification: '#7b1fa2',
  
  success: '#4caf50',
  successLight: '#e8f5e9',
  successBorder: '#a5d6a7',
  
  error: '#c62828',
  errorLight: '#ffebee',
  errorBorder: '#ef9a9a',
  
  inactive: '#9e9e9e',
  inactiveLight: '#f5f5f5',
  inactiveBorder: '#e0e0e0',
};