// 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 = { 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; }