src/lib/utils/map-colors.ts

// Map-specific tinted chip classes, themed to each map's in-game palette.
// Returned class strings are static so Tailwind can pick them up at build.

const PALETTE: Record<string, string> = {
	dust2: 'bg-yellow-500/15 text-yellow-700 dark:text-yellow-300 border-yellow-500/40',
	mirage: 'bg-orange-500/15 text-orange-700 dark:text-orange-300 border-orange-500/40',
	inferno: 'bg-red-600/15 text-red-700 dark:text-red-300 border-red-600/40',
	nuke: 'bg-zinc-500/15 text-zinc-700 dark:text-zinc-300 border-zinc-500/40',
	overpass: 'bg-emerald-600/15 text-emerald-700 dark:text-emerald-300 border-emerald-600/40',
	anubis: 'bg-amber-500/15 text-amber-700 dark:text-amber-300 border-amber-500/40',
	vertigo: 'bg-sky-500/15 text-sky-700 dark:text-sky-300 border-sky-500/40',
	train: 'bg-slate-500/15 text-slate-700 dark:text-slate-300 border-slate-500/40',
	ancient: 'bg-green-700/15 text-green-700 dark:text-green-300 border-green-700/40',
	office: 'bg-indigo-500/15 text-indigo-700 dark:text-indigo-300 border-indigo-500/40',
	italy: 'bg-rose-500/15 text-rose-700 dark:text-rose-300 border-rose-500/40',
	cache: 'bg-stone-500/15 text-stone-700 dark:text-stone-300 border-stone-500/40',
	cobblestone: 'bg-amber-700/15 text-amber-800 dark:text-amber-300 border-amber-700/40'
};

const FALLBACK = 'bg-muted text-muted-foreground border-border';

export function mapColorClasses(map: string): string {
	const key = map.toLowerCase().replace(/^(de_|cs_)/, '');
	return PALETTE[key] ?? FALLBACK;
}