export const colors = {
  red: "#dc2626",
  orange: "#ea580c",
  yellow: "#ca8a04",
  green: "#16a34a",
  blue: "#0284c7",
  purple: "#7c3aed",
  pink: "#db2777",
}

export const colorClasses = {
  red: {
    ring: "ring-red-700",
    bg: "from-red-950 to-red-600",
  },
  orange: {
    ring: "ring-orange-700",
    bg: "from-orange-950 to-orange-600",
  },
  yellow: {
    ring: "ring-yellow-700",
    bg: "from-yellow-950 to-yellow-600",
  },
  green: {
    ring: "ring-green-700",
    bg: "from-green-950 to-green-600",
  },
  blue: {
    ring: "ring-blue-700",
    bg: "from-blue-950 to-blue-600",
  },
  purple: {
    ring: "ring-purple-700",
    bg: "from-purple-950 to-purple-600",
  },
  pink: {
    ring: "ring-pink-700",
    bg: "from-pink-950 to-pink-600",
  },
}