const elementBackgroundColors: Record<string, string> = {
  Pyro: "#12000066",
  Hydro: "#00051266",
  Anemo: "#06141566",
  Electro: "#0D000F66",
  Dendro: "#000F0466",
  Cryo: "#03202166",
  Geo: "#0F0D0066",
};

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