const elementBackgroundColors: Record<string, string> = {
  Pyro: "#EF7938CC",
  Hydro: "#4CC2F1CC",
  Anemo: "#74C2A8CC",
  Electro: "#AF8EC1CC",
  Dendro: "#A5C83BCC",
  Cryo: "#9FD6E3CC",
  Geo: "#FAB632CC",
};

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