// Couleurs officielle des technologies
export const TECH_COLORS: Record<
  string,
  { bg: string; text: string; border: string }
> = {
  react: {
    bg: "bg-blue-500/10",
    text: "text-blue-600 dark:text-blue-400",
    border: "border-blue-500/20",
  },
  vue: {
    bg: "bg-green-500/10",
    text: "text-green-600 dark:text-green-400",
    border: "border-green-500/20",
  },
  typescript: {
    bg: "bg-blue-500/10",
    text: "text-blue-600 dark:text-blue-400",
    border: "border-blue-500/20",
  },
  nextjs: {
    bg: "bg-gray-500/10",
    text: "text-gray-900 dark:text-gray-100",
    border: "border-gray-500/20",
  },
  nodejs: {
    bg: "bg-green-500/10",
    text: "text-green-600 dark:text-green-400",
    border: "border-green-500/20",
  },
  python: {
    bg: "bg-yellow-500/10",
    text: "text-yellow-600 dark:text-yellow-400",
    border: "border-yellow-500/20",
  },
  docker: {
    bg: "bg-blue-500/10",
    text: "text-blue-600 dark:text-blue-400",
    border: "border-blue-500/20",
  },
  kubernetes: {
    bg: "bg-indigo-500/10",
    text: "text-indigo-600 dark:text-indigo-400",
    border: "border-indigo-500/20",
  },
  aws: {
    bg: "bg-orange-500/10",
    text: "text-orange-600 dark:text-orange-400",
    border: "border-orange-500/20",
  },
  // Couleur par défaut
  default: {
    bg: "bg-muted",
    text: "text-foreground",
    border: "border-muted",
  },
};

export function getTechColors(techId: string) {
  return TECH_COLORS[techId] || TECH_COLORS.default;
}