import type { ProductTone } from "@/data/products.data";

export const productThemes: Record<
  ProductTone,
  {
    accent: string;
    accentText: string;
    badge: string;
    border: string;
    button: string;
    glow: string;
    icon: string;
    soft: string;
  }
> = {
  violet: {
    accent: "from-[#5968f0] to-[#8456e9]",
    accentText: "text-[#655ddd]",
    badge: "border-[#dcd9ff] bg-[#f5f4ff] text-[#675fdd]",
    border: "border-[#e3e1fb]",
    button: "bg-gradient-to-r from-[#5867ee] to-[#7b59e9]",
    glow: "bg-[#dcd8ff]",
    icon: "bg-[#f1f0ff] text-[#675fdd]",
    soft: "from-[#f8f8ff] to-[#f1f0ff]",
  },
  blue: {
    accent: "from-[#3677ed] to-[#31a6dc]",
    accentText: "text-[#3678dc]",
    badge: "border-[#d6e7ff] bg-[#f2f8ff] text-[#3678dc]",
    border: "border-[#dbe8fa]",
    button: "bg-gradient-to-r from-[#3677ed] to-[#31a6dc]",
    glow: "bg-[#cfe8ff]",
    icon: "bg-[#eff7ff] text-[#3678dc]",
    soft: "from-[#f8fbff] to-[#edf7ff]",
  },
  green: {
    accent: "from-[#249866] to-[#42bd82]",
    accentText: "text-[#278d61]",
    badge: "border-[#cee9dc] bg-[#f1fbf6] text-[#278d61]",
    border: "border-[#d8ece2]",
    button: "bg-gradient-to-r from-[#258f63] to-[#3eb67c]",
    glow: "bg-[#cfeedd]",
    icon: "bg-[#eefaf4] text-[#278d61]",
    soft: "from-[#f8fffb] to-[#eefaf4]",
  },
};