// Generate different gray shades for different species
const getSpeciesColor = (speciesId: string): string => {
const grayShades = [
'bg-stone-200 text-stone-800',
'bg-gray-200 text-gray-800',
'bg-slate-200 text-slate-800',
'bg-zinc-200 text-zinc-800',
'bg-neutral-200 text-neutral-800',
'bg-stone-300 text-stone-800',
'bg-gray-300 text-gray-800',
'bg-slate-300 text-slate-800'
];
// Simple hash function to get consistent shade for each species
let hash = 0;
for (let i = 0; i < speciesId.length; i++) {
hash = ((hash << 5) - hash + speciesId.charCodeAt(i)) & 0xffffffff;
}
return grayShades[Math.abs(hash) % grayShades.length];
};