export const Colors = {
  background: 'hsl(221, 39%, 11%)',
  header: 'hsl(221, 39%, 12%)',
  card: 'hsl(221, 39%, 8%)',
  border: 'hsl(221, 39%, 15%)',
  text: 'white',
  textSecondary: 'hsl(0, 0%, 60%)',
  primary: '#199edb',
  red: 'red',
};

export type ShowDetailColors = {
  tabColor: string;
  seasonColor: string;
};

export const ShowColors: Record<number, ShowDetailColors> = {
  1: { tabColor: "#009fe2", seasonColor: "#ec5691" },
  2: { tabColor: "#ffffff", seasonColor: "#3fa8f3" },
  3: { tabColor: "#ffffff", seasonColor: "#000000" },
  4: { tabColor: "#8fb4f3", seasonColor: "#4b046c" },
  5: { tabColor: "#ffffff", seasonColor: "#000000" },
  6: { tabColor: "#ffffff", seasonColor: "#ff0000" },
  7: { tabColor: "#25322c", seasonColor: "#957a45" },
  8: { tabColor: "#ffffff", seasonColor: "#0179b5" },
};

export function getShowColors(showId: number): ShowDetailColors {
  if (!showId) return { tabColor: "#009fe2", seasonColor: "#ec5691" };
  return ShowColors[showId] || { tabColor: "#009fe2", seasonColor: "#ec5691" };
}