export interface LabelColor {
  bg: string;
  fg: string;
  border: string;
}

const LABEL_COLORS: Record<string, LabelColor> = {
  design: { bg: "#efe9fd", fg: "#5b34c4", border: "#ded1fa" },
  frontend: { bg: "#e6efff", fg: "#1d4ed8", border: "#d2e0fc" },
  backend: { bg: "#e2f5ec", fg: "#0f7a4d", border: "#cbead9" },
  content: { bg: "#fdf0dd", fg: "#8a5200", border: "#f6e2c0" },
  research: { bg: "#fde8f1", fg: "#b3175f", border: "#f8d4e4" },
  bug: { bg: "#fde9e7", fg: "#b3261e", border: "#f8d5d1" },
};

const FALLBACK_COLORS: LabelColor[] = [
  { bg: "#e6f2f5", fg: "#0d6474", border: "#cfe6ec" },
  { bg: "#eef0f4", fg: "#3b4f60", border: "#dde2e9" },
  { bg: "#f1ede6", fg: "#6b4c22", border: "#e5dccd" },
  { bg: "#eaf3e6", fg: "#3f6b2c", border: "#d7e8cf" },
];

export function labelStyle(id: string, index = 0): LabelColor {
  return LABEL_COLORS[id] ?? FALLBACK_COLORS[index % FALLBACK_COLORS.length];
}