const elementBackgroundColors: Record<string, string> = {
  Pyro: "#12000033",
  Hydro: "#00051233",
  Anemo: "#06141533",
  Electro: "#0D000F33",
  Dendro: "#000F0433",
  Cryo: "#03202133",
  Geo: "#0F0D0033",
};

export function elementBackgroundColor(element: string | null | undefined): string {
  return (element && elementBackgroundColors[element]) || "#17383d33";
}