const elementBackgroundColors: Record<string, string> = {
  Pyro: "#EF7938",
  Hydro: "#4CC2F1",
  Anemo: "#74C2A8",
  Electro: "#AF8EC1",
  Dendro: "#A5C83B",
  Cryo: "#9FD6E3",
  Geo: "#FAB632",
};

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