/* Slate Colors */
.text-slate-50 { color: #f8fafc; }
.text-slate-100 { color: #f1f5f9; }
.text-slate-200 { color: #e2e8f0; }
.text-slate-300 { color: #cbd5e1; }
.text-slate-400 { color: #94a3b8; }
.text-slate-500 { color: #64748b; }
.text-slate-600 { color: #475569; }
.text-slate-700 { color: #334155; }
.text-slate-800 { color: #1e293b; }
.text-slate-900 { color: #0f172a; }
.text-slate-950 { color: #020617; }

/* Gray Colors */
.text-gray-50 { color: #f9fafb; }
.text-gray-100 { color: #f3f4f6; }
.text-gray-200 { color: #e5e7eb; }
.text-gray-300 { color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-gray-900 { color: #111827; }
.text-gray-950 { color: #030712; }

/* Zinc Colors */
.text-zinc-50 { color: #fafafa; }
.text-zinc-100 { color: #f4f4f5; }
.text-zinc-200 { color: #e4e4e7; }
.text-zinc-300 { color: #d4d4d8; }
.text-zinc-400 { color: #a1a1aa; }
.text-zinc-500 { color: #71717a; }
.text-zinc-600 { color: #52525b; }
.text-zinc-700 { color: #3f3f46; }
.text-zinc-800 { color: #27272a; }
.text-zinc-900 { color: #18181b; }
.text-zinc-950 { color: #09090b; }

/* Neutral Colors */
.text-neutral-50 { color: #fafafa; }
.text-neutral-100 { color: #f5f5f5; }
.text-neutral-200 { color: #e5e5e5; }
.text-neutral-300 { color: #d4d4d4; }
.text-neutral-400 { color: #a3a3a3; }
.text-neutral-500 { color: #737373; }
.text-neutral-600 { color: #525252; }
.text-neutral-700 { color: #404040; }
.text-neutral-800 { color: #262626; }
.text-neutral-900 { color: #171717; }
.text-neutral-950 { color: #0a0a0a; }

/* Stone Colors */
.text-stone-50 { color: #fafaf9; }
.text-stone-100 { color: #f5f5f4; }
.text-stone-200 { color: #e7e5e4; }
.text-stone-300 { color: #d6d3d1; }
.text-stone-400 { color: #a8a29e; }
.text-stone-500 { color: #78716c; }
.text-stone-600 { color: #57534e; }
.text-stone-700 { color: #44403c; }
.text-stone-800 { color: #292524; }
.text-stone-900 { color: #1c1917; }
.text-stone-950 { color: #0c0a09; }

/* Red Colors */
.text-red-50 { color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.text-red-500 { color: #ef4444; }
.text-red-600 { color: #dc2626; }
.text-red-700 { color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.text-red-900 { color: #7f1d1d; }
.text-red-950 { color: #450a0a; }

/* Orange Colors */
.text-orange-50 { color: #fff7ed; }
.text-orange-100 { color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.text-orange-500 { color: #f97316; }
.text-orange-600 { color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.text-orange-950 { color: #431407; }

/* Amber Colors */
.text-amber-50 { color: #fffbeb; }
.text-amber-100 { color: #fef3c7; }
.text-amber-200 { color: #fde68a; }
.text-amber-300 { color: #fcd34d; }
.text-amber-400 { color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.text-amber-700 { color: #b45309; }
.text-amber-800 { color: #92400e; }
.text-amber-900 { color: #78350f; }
.text-amber-950 { color: #451a03; }

/* Yellow Colors */
.text-yellow-50 { color: #fefce8; }
.text-yellow-100 { color: #fef9c3; }
.text-yellow-200 { color: #fef08a; }
.text-yellow-300 { color: #fde047; }
.text-yellow-400 { color: #facc15; }
.text-yellow-500 { color: #eab308; }
.text-yellow-600 { color: #ca8a04; }
.text-yellow-700 { color: #a16207; }
.text-yellow-800 { color: #854d0e; }
.text-yellow-900 { color: #713f12; }
.text-yellow-950 { color: #422006; }

/* Lime Colors */
.text-lime-50 { color: #f7fee7; }
.text-lime-100 { color: #ecfccb; }
.text-lime-200 { color: #d9f99d; }
.text-lime-300 { color: #bef264; }
.text-lime-400 { color: #a3e635; }
.text-lime-500 { color: #84cc16; }
.text-lime-600 { color: #65a30d; }
.text-lime-700 { color: #4d7c0f; }
.text-lime-800 { color: #3f6212; }
.text-lime-900 { color: #365314; }
.text-lime-950 { color: #1a2e05; }

/* Green Colors */
.text-green-50 { color: #f0fdf4; }
.text-green-100 { color: #dcfce7; }
.text-green-200 { color: #bbf7d0; }
.text-green-300 { color: #86efac; }
.text-green-400 { color: #4ade80; }
.text-green-500 { color: #22c55e; }
.text-green-600 { color: #16a34a; }
.text-green-700 { color: #15803d; }
.text-green-800 { color: #166534; }
.text-green-900 { color: #14532d; }
.text-green-950 { color: #052e16; }

/* Emerald Colors */
.text-emerald-50 { color: #ecfdf5; }
.text-emerald-100 { color: #d1fae5; }
.text-emerald-200 { color: #a7f3d0; }
.text-emerald-300 { color: #6ee7b7; }
.text-emerald-400 { color: #34d399; }
.text-emerald-500 { color: #10b981; }
.text-emerald-600 { color: #059669; }
.text-emerald-700 { color: #047857; }
.text-emerald-800 { color: #065f46; }
.text-emerald-900 { color: #064e3b; }
.text-emerald-950 { color: #022c22; }

/* Teal Colors */
.text-teal-50 { color: #f0fdfa; }
.text-teal-100 { color: #ccfbf1; }
.text-teal-200 { color: #99f6e4; }
.text-teal-300 { color: #5eead4; }
.text-teal-400 { color: #2dd4bf; }
.text-teal-500 { color: #14b8a6; }
.text-teal-600 { color: #0d9488; }
.text-teal-700 { color: #0f766e; }
.text-teal-800 { color: #115e59; }
.text-teal-900 { color: #134e4a; }
.text-teal-950 { color: #042f2e; }

/* Cyan Colors */
.text-cyan-50 { color: #ecfeff; }
.text-cyan-100 { color: #cffafe; }
.text-cyan-200 { color: #a5f3fc; }
.text-cyan-300 { color: #67e8f9; }
.text-cyan-400 { color: #22d3ee; }
.text-cyan-500 { color: #06b6d4; }
.text-cyan-600 { color: #0891b2; }
.text-cyan-700 { color: #0e7490; }
.text-cyan-800 { color: #155e75; }
.text-cyan-900 { color: #164e63; }
.text-cyan-950 { color: #083344; }

/* Sky Colors */
.text-sky-50 { color: #f0f9ff; }
.text-sky-100 { color: #e0f2fe; }
.text-sky-200 { color: #bae6fd; }
.text-sky-300 { color: #7dd3fc; }
.text-sky-400 { color: #38bdf8; }
.text-sky-500 { color: #0ea5e9; }
.text-sky-600 { color: #0284c7; }
.text-sky-700 { color: #0369a1; }
.text-sky-800 { color: #075985; }
.text-sky-900 { color: #0c4a6e; }
.text-sky-950 { color: #082f49; }

/* Blue Colors */
.text-blue-50 { color: #eff6ff; }
.text-blue-100 { color: #dbeafe; }
.text-blue-200 { color: #bfdbfe; }
.text-blue-300 { color: #93c5fd; }
.text-blue-400 { color: #60a5fa; }
.text-blue-500 { color: #3b82f6; }
.text-blue-600 { color: #2563eb; }
.text-blue-700 { color: #1d4ed8; }
.text-blue-800 { color: #1e40af; }
.text-blue-900 { color: #1e3a8a; }
.text-blue-950 { color: #172554; }

/* Indigo Colors */
.text-indigo-50 { color: #eef2ff; }
.text-indigo-100 { color: #e0e7ff; }
.text-indigo-200 { color: #c7d2fe; }
.text-indigo-300 { color: #a5b4fc; }
.text-indigo-400 { color: #818cf8; }
.text-indigo-500 { color: #6366f1; }
.text-indigo-600 { color: #4f46e5; }
.text-indigo-700 { color: #4338ca; }
.text-indigo-800 { color: #3730a3; }
.text-indigo-900 { color: #312e81; }
.text-indigo-950 { color: #1e1b4b; }

/* Violet Colors */
.text-violet-50 { color: #f5f3ff; }
.text-violet-100 { color: #ede9fe; }
.text-violet-200 { color: #ddd6fe; }
.text-violet-300 { color: #c4b5fd; }
.text-violet-400 { color: #a78bfa; }
.text-violet-500 { color: #8b5cf6; }
.text-violet-600 { color: #7c3aed; }
.text-violet-700 { color: #6d28d9; }
.text-violet-800 { color: #5b21b6; }
.text-violet-900 { color: #4c1d95; }
.text-violet-950 { color: #2e1065; }

/* Purple Colors */
.text-purple-50 { color: #faf5ff; }
.text-purple-100 { color: #f3e8ff; }
.text-purple-200 { color: #e9d5ff; }
.text-purple-300 { color: #d8b4fe; }
.text-purple-400 { color: #c084fc; }
.text-purple-500 { color: #a855f7; }
.text-purple-600 { color: #9333ea; }
.text-purple-700 { color: #7e22ce; }
.text-purple-800 { color: #6b21a8; }
.text-purple-900 { color: #581c87; }
.text-purple-950 { color: #3b0764; }

/* Fuchsia Colors */
.text-fuchsia-50 { color: #fdf4ff; }
.text-fuchsia-100 { color: #fae8ff; }
.text-fuchsia-200 { color: #f5d0fe; }
.text-fuchsia-300 { color: #f0abfc; }
.text-fuchsia-400 { color: #e879f9; }
.text-fuchsia-500 { color: #d946ef; }
.text-fuchsia-600 { color: #c026d3; }
.text-fuchsia-700 { color: #a21caf; }
.text-fuchsia-800 { color: #86198f; }
.text-fuchsia-900 { color: #701a75; }
.text-fuchsia-950 { color: #4a044e; }

/* Pink Colors */
.text-pink-50 { color: #fdf2f8; }
.text-pink-100 { color: #fce7f3; }
.text-pink-200 { color: #fbcfe8; }
.text-pink-300 { color: #f9a8d4; }
.text-pink-400 { color: #f472b6; }
.text-pink-500 { color: #ec4899; }
.text-pink-600 { color: #db2777; }
.text-pink-700 { color: #be185d; }
.text-pink-800 { color: #9d174d; }
.text-pink-900 { color: #831843; }
.text-pink-950 { color: #500724; }

/* Rose Colors */
.text-rose-50 { color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.text-rose-700 { color: #be123c; }
.text-rose-800 { color: #9f1239; }
.text-rose-900 { color: #881337; }
.text-rose-950 { color: #4c0519; }


/* Background colors */
/* Slate Colors */
.bg-slate-50 { background: #f8fafc; }
.bg-slate-100 { background: #f1f5f9; }
.bg-slate-200 { background: #e2e8f0; }
.bg-slate-300 { background: #cbd5e1; }
.bg-slate-400 { background: #94a3b8; }
.bg-slate-500 { background: #64748b; }
.bg-slate-600 { background: #475569; }
.bg-slate-700 { background: #334155; }
.bg-slate-800 { background: #1e293b; }
.bg-slate-900 { background: #0f172a; }
.bg-slate-950 { background: #020617; }

/* Gray Colors */
.bg-gray-50 { background: #f9fafb; }
.bg-gray-100 { background: #f3f4f6; }
.bg-gray-200 { background: #e5e7eb; }
.bg-gray-300 { background: #d1d5db; }
.bg-gray-400 { background: #9ca3af; }
.bg-gray-500 { background: #6b7280; }
.bg-gray-600 { background: #4b5563; }
.bg-gray-700 { background: #374151; }
.bg-gray-800 { background: #1f2937; }
.bg-gray-900 { background: #111827; }
.bg-gray-950 { background: #030712; }

/* Zinc Colors */
.bg-zinc-50 { background: #fafafa; }
.bg-zinc-100 { background: #f4f4f5; }
.bg-zinc-200 { background: #e4e4e7; }
.bg-zinc-300 { background: #d4d4d8; }
.bg-zinc-400 { background: #a1a1aa; }
.bg-zinc-500 { background: #71717a; }
.bg-zinc-600 { background: #52525b; }
.bg-zinc-700 { background: #3f3f46; }
.bg-zinc-800 { background: #27272a; }
.bg-zinc-900 { background: #18181b; }
.bg-zinc-950 { background: #09090b; }

/* Neutral Colors */
.bg-neutral-50 { background: #fafafa; }
.bg-neutral-100 { background: #f5f5f5; }
.bg-neutral-200 { background: #e5e5e5; }
.bg-neutral-300 { background: #d4d4d4; }
.bg-neutral-400 { background: #a3a3a3; }
.bg-neutral-500 { background: #737373; }
.bg-neutral-600 { background: #525252; }
.bg-neutral-700 { background: #404040; }
.bg-neutral-800 { background: #262626; }
.bg-neutral-900 { background: #171717; }
.bg-neutral-950 { background: #0a0a0a; }

/* Stone Colors */
.bg-stone-50 { background: #fafaf9; }
.bg-stone-100 { background: #f5f5f4; }
.bg-stone-200 { background: #e7e5e4; }
.bg-stone-300 { background: #d6d3d1; }
.bg-stone-400 { background: #a8a29e; }
.bg-stone-500 { background: #78716c; }
.bg-stone-600 { background: #57534e; }
.bg-stone-700 { background: #44403c; }
.bg-stone-800 { background: #292524; }
.bg-stone-900 { background: #1c1917; }
.bg-stone-950 { background: #0c0a09; }

/* Red Colors */
.bg-red-50 { background: #fef2f2; }
.bg-red-100 { background: #fee2e2; }
.bg-red-200 { background: #fecaca; }
.bg-red-300 { background: #fca5a5; }
.bg-red-400 { background: #f87171; }
.bg-red-500 { background: #ef4444; }
.bg-red-600 { background: #dc2626; }
.bg-red-700 { background: #b91c1c; }
.bg-red-800 { background: #991b1b; }
.bg-red-900 { background: #7f1d1d; }
.bg-red-950 { background: #450a0a; }

/* Orange Colors */
.bg-orange-50 { background: #fff7ed; }
.bg-orange-100 { background: #ffedd5; }
.bg-orange-200 { background: #fed7aa; }
.bg-orange-300 { background: #fdba74; }
.bg-orange-400 { background: #fb923c; }
.bg-orange-500 { background: #f97316; }
.bg-orange-600 { background: #ea580c; }
.bg-orange-700 { background: #c2410c; }
.bg-orange-800 { background: #9a3412; }
.bg-orange-900 { background: #7c2d12; }
.bg-orange-950 { background: #431407; }

/* Amber Colors */
.bg-amber-50 { background: #fffbeb; }
.bg-amber-100 { background: #fef3c7; }
.bg-amber-200 { background: #fde68a; }
.bg-amber-300 { background: #fcd34d; }
.bg-amber-400 { background: #fbbf24; }
.bg-amber-500 { background: #f59e0b; }
.bg-amber-600 { background: #d97706; }
.bg-amber-700 { background: #b45309; }
.bg-amber-800 { background: #92400e; }
.bg-amber-900 { background: #78350f; }
.bg-amber-950 { background: #451a03; }

/* Yellow Colors */
.bg-yellow-50 { background: #fefce8; }
.bg-yellow-100 { background: #fef9c3; }
.bg-yellow-200 { background: #fef08a; }
.bg-yellow-300 { background: #fde047; }
.bg-yellow-400 { background: #facc15; }
.bg-yellow-500 { background: #eab308; }
.bg-yellow-600 { background: #ca8a04; }
.bg-yellow-700 { background: #a16207; }
.bg-yellow-800 { background: #854d0e; }
.bg-yellow-900 { background: #713f12; }
.bg-yellow-950 { background: #422006; }

/* Lime Colors */
.bg-lime-50 { background: #f7fee7; }
.bg-lime-100 { background: #ecfccb; }
.bg-lime-200 { background: #d9f99d; }
.bg-lime-300 { background: #bef264; }
.bg-lime-400 { background: #a3e635; }
.bg-lime-500 { background: #84cc16; }
.bg-lime-600 { background: #65a30d; }
.bg-lime-700 { background: #4d7c0f; }
.bg-lime-800 { background: #3f6212; }
.bg-lime-900 { background: #365314; }
.bg-lime-950 { background: #1a2e05; }

/* Green Colors */
.bg-green-50 { background: #f0fdf4; }
.bg-green-100 { background: #dcfce7; }
.bg-green-200 { background: #bbf7d0; }
.bg-green-300 { background: #86efac; }
.bg-green-400 { background: #4ade80; }
.bg-green-500 { background: #22c55e; }
.bg-green-600 { background: #16a34a; }
.bg-green-700 { background: #15803d; }
.bg-green-800 { background: #166534; }
.bg-green-900 { background: #14532d; }
.bg-green-950 { background: #052e16; }

/* Emerald Colors */
.bg-emerald-50 { background: #ecfdf5; }
.bg-emerald-100 { background: #d1fae5; }
.bg-emerald-200 { background: #a7f3d0; }
.bg-emerald-300 { background: #6ee7b7; }
.bg-emerald-400 { background: #34d399; }
.bg-emerald-500 { background: #10b981; }
.bg-emerald-600 { background: #059669; }
.bg-emerald-700 { background: #047857; }
.bg-emerald-800 { background: #065f46; }
.bg-emerald-900 { background: #064e3b; }
.bg-emerald-950 { background: #022c22; }

/* Teal Colors */
.bg-teal-50 { background: #f0fdfa; }
.bg-teal-100 { background: #ccfbf1; }
.bg-teal-200 { background: #99f6e4; }
.bg-teal-300 { background: #5eead4; }
.bg-teal-400 { background: #2dd4bf; }
.bg-teal-500 { background: #14b8a6; }
.bg-teal-600 { background: #0d9488; }
.bg-teal-700 { background: #0f766e; }
.bg-teal-800 { background: #115e59; }
.bg-teal-900 { background: #134e4a; }
.bg-teal-950 { background: #042f2e; }

/* Cyan Colors */
.bg-cyan-50 { background: #ecfeff; }
.bg-cyan-100 { background: #cffafe; }
.bg-cyan-200 { background: #a5f3fc; }
.bg-cyan-300 { background: #67e8f9; }
.bg-cyan-400 { background: #22d3ee; }
.bg-cyan-500 { background: #06b6d4; }
.bg-cyan-600 { background: #0891b2; }
.bg-cyan-700 { background: #0e7490; }
.bg-cyan-800 { background: #155e75; }
.bg-cyan-900 { background: #164e63; }
.bg-cyan-950 { background: #083344; }

/* Sky Colors */
.bg-sky-50 { background: #f0f9ff; }
.bg-sky-100 { background: #e0f2fe; }
.bg-sky-200 { background: #bae6fd; }
.bg-sky-300 { background: #7dd3fc; }
.bg-sky-400 { background: #38bdf8; }
.bg-sky-500 { background: #0ea5e9; }
.bg-sky-600 { background: #0284c7; }
.bg-sky-700 { background: #0369a1; }
.bg-sky-800 { background: #075985; }
.bg-sky-900 { background: #0c4a6e; }
.bg-sky-950 { background: #082f49; }

/* Blue Colors */
.bg-blue-50 { background: #eff6ff; }
.bg-blue-100 { background: #dbeafe; }
.bg-blue-200 { background: #bfdbfe; }
.bg-blue-300 { background: #93c5fd; }
.bg-blue-400 { background: #60a5fa; }
.bg-blue-500 { background: #3b82f6; }
.bg-blue-600 { background: #2563eb; }
.bg-blue-700 { background: #1d4ed8; }
.bg-blue-800 { background: #1e40af; }
.bg-blue-900 { background: #1e3a8a; }
.bg-blue-950 { background: #172554; }

/* Indigo Colors */
.bg-indigo-50 { background: #eef2ff; }
.bg-indigo-100 { background: #e0e7ff; }
.bg-indigo-200 { background: #c7d2fe; }
.bg-indigo-300 { background: #a5b4fc; }
.bg-indigo-400 { background: #818cf8; }
.bg-indigo-500 { background: #6366f1; }
.bg-indigo-600 { background: #4f46e5; }
.bg-indigo-700 { background: #4338ca; }
.bg-indigo-800 { background: #3730a3; }
.bg-indigo-900 { background: #312e81; }
.bg-indigo-950 { background: #1e1b4b; }

/* Violet Colors */
.bg-violet-50 { background: #f5f3ff; }
.bg-violet-100 { background: #ede9fe; }
.bg-violet-200 { background: #ddd6fe; }
.bg-violet-300 { background: #c4b5fd; }
.bg-violet-400 { background: #a78bfa; }
.bg-violet-500 { background: #8b5cf6; }
.bg-violet-600 { background: #7c3aed; }
.bg-violet-700 { background: #6d28d9; }
.bg-violet-800 { background: #5b21b6; }
.bg-violet-900 { background: #4c1d95; }
.bg-violet-950 { background: #2e1065; }

/* Purple Colors */
.bg-purple-50 { background: #faf5ff; }
.bg-purple-100 { background: #f3e8ff; }
.bg-purple-200 { background: #e9d5ff; }
.bg-purple-300 { background: #d8b4fe; }
.bg-purple-400 { background: #c084fc; }
.bg-purple-500 { background: #a855f7; }
.bg-purple-600 { background: #9333ea; }
.bg-purple-700 { background: #7e22ce; }
.bg-purple-800 { background: #6b21a8; }
.bg-purple-900 { background: #581c87; }
.bg-purple-950 { background: #3b0764; }

/* Fuchsia Colors */
.bg-fuchsia-50 { background: #fdf4ff; }
.bg-fuchsia-100 { background: #fae8ff; }
.bg-fuchsia-200 { background: #f5d0fe; }
.bg-fuchsia-300 { background: #f0abfc; }
.bg-fuchsia-400 { background: #e879f9; }
.bg-fuchsia-500 { background: #d946ef; }
.bg-fuchsia-600 { background: #c026d3; }
.bg-fuchsia-700 { background: #a21caf; }
.bg-fuchsia-800 { background: #86198f; }
.bg-fuchsia-900 { background: #701a75; }
.bg-fuchsia-950 { background: #4a044e; }

/* Pink Colors */
.bg-pink-50 { background: #fdf2f8; }
.bg-pink-100 { background: #fce7f3; }
.bg-pink-200 { background: #fbcfe8; }
.bg-pink-300 { background: #f9a8d4; }
.bg-pink-400 { background: #f472b6; }
.bg-pink-500 { background: #ec4899; }
.bg-pink-600 { background: #db2777; }
.bg-pink-700 { background: #be185d; }
.bg-pink-800 { background: #9d174d; }
.bg-pink-900 { background: #831843; }
.bg-pink-950 { background: #500724; }

/* Rose Colors */
.bg-rose-50 { background: #fff1f2; }
.bg-rose-100 { background: #ffe4e6; }
.bg-rose-200 { background: #fecdd3; }
.bg-rose-300 { background: #fda4af; }
.bg-rose-400 { background: #fb7185; }
.bg-rose-500 { background: #f43f5e; }
.bg-rose-600 { background: #e11d48; }
.bg-rose-700 { background: #be123c; }
.bg-rose-800 { background: #9f1239; }
.bg-rose-900 { background: #881337; }
.bg-rose-950 { background: #4c0519; }
/* Background color ends */

/* Border colors */
/* Slate Colors */
.border-slate-50 { border-color: #f8fafc; }
.border-slate-100 { border-color: #f1f5f9; }
.border-slate-200 { border-color: #e2e8f0; }
.border-slate-300 { border-color: #cbd5e1; }
.border-slate-400 { border-color: #94a3b8; }
.border-slate-500 { border-color: #64748b; }
.border-slate-600 { border-color: #475569; }
.border-slate-700 { border-color: #334155; }
.border-slate-800 { border-color: #1e293b; }
.border-slate-900 { border-color: #0f172a; }
.border-slate-950 { border-color: #020617; }

/* Gray Colors */
.border-gray-50 { border-color: #f9fafb; }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-gray-400 { border-color: #9ca3af; }
.border-gray-500 { border-color: #6b7280; }
.border-gray-600 { border-color: #4b5563; }
.border-gray-700 { border-color: #374151; }
.border-gray-800 { border-color: #1f2937; }
.border-gray-900 { border-color: #111827; }
.border-gray-950 { border-color: #030712; }

/* Zinc Colors */
.border-zinc-50 { border-color: #fafafa; }
.border-zinc-100 { border-color: #f4f4f5; }
.border-zinc-200 { border-color: #e4e4e7; }
.border-zinc-300 { border-color: #d4d4d8; }
.border-zinc-400 { border-color: #a1a1aa; }
.border-zinc-500 { border-color: #71717a; }
.border-zinc-600 { border-color: #52525b; }
.border-zinc-700 { border-color: #3f3f46; }
.border-zinc-800 { border-color: #27272a; }
.border-zinc-900 { border-color: #18181b; }
.border-zinc-950 { border-color: #09090b; }

/* Neutral Colors */
.border-neutral-50 { border-color: #fafafa; }
.border-neutral-100 { border-color: #f5f5f5; }
.border-neutral-200 { border-color: #e5e5e5; }
.border-neutral-300 { border-color: #d4d4d4; }
.border-neutral-400 { border-color: #a3a3a3; }
.border-neutral-500 { border-color: #737373; }
.border-neutral-600 { border-color: #525252; }
.border-neutral-700 { border-color: #404040; }
.border-neutral-800 { border-color: #262626; }
.border-neutral-900 { border-color: #171717; }
.border-neutral-950 { border-color: #0a0a0a; }

/* Stone Colors */
.border-stone-50 { border-color: #fafaf9; }
.border-stone-100 { border-color: #f5f5f4; }
.border-stone-200 { border-color: #e7e5e4; }
.border-stone-300 { border-color: #d6d3d1; }
.border-stone-400 { border-color: #a8a29e; }
.border-stone-500 { border-color: #78716c; }
.border-stone-600 { border-color: #57534e; }
.border-stone-700 { border-color: #44403c; }
.border-stone-800 { border-color: #292524; }
.border-stone-900 { border-color: #1c1917; }
.border-stone-950 { border-color: #0c0a09; }

/* Red Colors */
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #ef4444; }
.border-red-600 { border-color: #dc2626; }
.border-red-700 { border-color: #b91c1c; }
.border-red-800 { border-color: #991b1b; }
.border-red-900 { border-color: #7f1d1d; }
.border-red-950 { border-color: #450a0a; }

/* Orange Colors */
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #ffedd5; }
.border-orange-200 { border-color: #fed7aa; }
.border-orange-300 { border-color: #fdba74; }
.border-orange-400 { border-color: #fb923c; }
.border-orange-500 { border-color: #f97316; }
.border-orange-600 { border-color: #ea580c; }
.border-orange-700 { border-color: #c2410c; }
.border-orange-800 { border-color: #9a3412; }
.border-orange-900 { border-color: #7c2d12; }
.border-orange-950 { border-color: #431407; }

/* Amber Colors */
.border-amber-50 { border-color: #fffbeb; }
.border-amber-100 { border-color: #fef3c7; }
.border-amber-200 { border-color: #fde68a; }
.border-amber-300 { border-color: #fcd34d; }
.border-amber-400 { border-color: #fbbf24; }
.border-amber-500 { border-color: #f59e0b; }
.border-amber-600 { border-color: #d97706; }
.border-amber-700 { border-color: #b45309; }
.border-amber-800 { border-color: #92400e; }
.border-amber-900 { border-color: #78350f; }
.border-amber-950 { border-color: #451a03; }

/* Yellow Colors */
.border-yellow-50 { border-color: #fefce8; }
.border-yellow-100 { border-color: #fef9c3; }
.border-yellow-200 { border-color: #fef08a; }
.border-yellow-300 { border-color: #fde047; }
.border-yellow-400 { border-color: #facc15; }
.border-yellow-500 { border-color: #eab308; }
.border-yellow-600 { border-color: #ca8a04; }
.border-yellow-700 { border-color: #a16207; }
.border-yellow-800 { border-color: #854d0e; }
.border-yellow-900 { border-color: #713f12; }
.border-yellow-950 { border-color: #422006; }

/* Lime Colors */
.border-lime-50 { border-color: #f7fee7; }
.border-lime-100 { border-color: #ecfccb; }
.border-lime-200 { border-color: #d9f99d; }
.border-lime-300 { border-color: #bef264; }
.border-lime-400 { border-color: #a3e635; }
.border-lime-500 { border-color: #84cc16; }
.border-lime-600 { border-color: #65a30d; }
.border-lime-700 { border-color: #4d7c0f; }
.border-lime-800 { border-color: #3f6212; }
.border-lime-900 { border-color: #365314; }
.border-lime-950 { border-color: #1a2e05; }

/* Green Colors */
.border-green-50 { border-color: #f0fdf4; }
.border-green-100 { border-color: #dcfce7; }
.border-green-200 { border-color: #bbf7d0; }
.border-green-300 { border-color: #86efac; }
.border-green-400 { border-color: #4ade80; }
.border-green-500 { border-color: #22c55e; }
.border-green-600 { border-color: #16a34a; }
.border-green-700 { border-color: #15803d; }
.border-green-800 { border-color: #166534; }
.border-green-900 { border-color: #14532d; }
.border-green-950 { border-color: #052e16; }

/* Emerald Colors */
.border-emerald-50 { border-color: #ecfdf5; }
.border-emerald-100 { border-color: #d1fae5; }
.border-emerald-200 { border-color: #a7f3d0; }
.border-emerald-300 { border-color: #6ee7b7; }
.border-emerald-400 { border-color: #34d399; }
.border-emerald-500 { border-color: #10b981; }
.border-emerald-600 { border-color: #059669; }
.border-emerald-700 { border-color: #047857; }
.border-emerald-800 { border-color: #065f46; }
.border-emerald-900 { border-color: #064e3b; }
.border-emerald-950 { border-color: #022c22; }

/* Teal Colors */
.border-teal-50 { border-color: #f0fdfa; }
.border-teal-100 { border-color: #ccfbf1; }
.border-teal-200 { border-color: #99f6e4; }
.border-teal-300 { border-color: #5eead4; }
.border-teal-400 { border-color: #2dd4bf; }
.border-teal-500 { border-color: #14b8a6; }
.border-teal-600 { border-color: #0d9488; }
.border-teal-700 { border-color: #0f766e; }
.border-teal-800 { border-color: #115e59; }
.border-teal-900 { border-color: #134e4a; }
.border-teal-950 { border-color: #042f2e; }

/* Cyan Colors */
.border-cyan-50 { border-color: #ecfeff; }
.border-cyan-100 { border-color: #cffafe; }
.border-cyan-200 { border-color: #a5f3fc; }
.border-cyan-300 { border-color: #67e8f9; }
.border-cyan-400 { border-color: #22d3ee; }
.border-cyan-500 { border-color: #06b6d4; }
.border-cyan-600 { border-color: #0891b2; }
.border-cyan-700 { border-color: #0e7490; }
.border-cyan-800 { border-color: #155e75; }
.border-cyan-900 { border-color: #164e63; }
.border-cyan-950 { border-color: #083344; }

/* Sky Colors */
.border-sky-50 { border-color: #f0f9ff; }
.border-sky-100 { border-color: #e0f2fe; }
.border-sky-200 { border-color: #bae6fd; }
.border-sky-300 { border-color: #7dd3fc; }
.border-sky-400 { border-color: #38bdf8; }
.border-sky-500 { border-color: #0ea5e9; }
.border-sky-600 { border-color: #0284c7; }
.border-sky-700 { border-color: #0369a1; }
.border-sky-800 { border-color: #075985; }
.border-sky-900 { border-color: #0c4a6e; }
.border-sky-950 { border-color: #082f49; }

/* Blue Colors */
.border-blue-50 { border-color: #eff6ff; }
.border-blue-100 { border-color: #dbeafe; }
.border-blue-200 { border-color: #bfdbfe; }
.border-blue-300 { border-color: #93c5fd; }
.border-blue-400 { border-color: #60a5fa; }
.border-blue-500 { border-color: #3b82f6; }
.border-blue-600 { border-color: #2563eb; }
.border-blue-700 { border-color: #1d4ed8; }
.border-blue-800 { border-color: #1e40af; }
.border-blue-900 { border-color: #1e3a8a; }
.border-blue-950 { border-color: #172554; }

/* Indigo Colors */
.border-indigo-50 { border-color: #eef2ff; }
.border-indigo-100 { border-color: #e0e7ff; }
.border-indigo-200 { border-color: #c7d2fe; }
.border-indigo-300 { border-color: #a5b4fc; }
.border-indigo-400 { border-color: #818cf8; }
.border-indigo-500 { border-color: #6366f1; }
.border-indigo-600 { border-color: #4f46e5; }
.border-indigo-700 { border-color: #4338ca; }
.border-indigo-800 { border-color: #3730a3; }
.border-indigo-900 { border-color: #312e81; }
.border-indigo-950 { border-color: #1e1b4b; }

/* Violet Colors */
.border-violet-50 { border-color: #f5f3ff; }
.border-violet-100 { border-color: #ede9fe; }
.border-violet-200 { border-color: #ddd6fe; }
.border-violet-300 { border-color: #c4b5fd; }
.border-violet-400 { border-color: #a78bfa; }
.border-violet-500 { border-color: #8b5cf6; }
.border-violet-600 { border-color: #7c3aed; }
.border-violet-700 { border-color: #6d28d9; }
.border-violet-800 { border-color: #5b21b6; }
.border-violet-900 { border-color: #4c1d95; }
.border-violet-950 { border-color: #2e1065; }

/* Purple Colors */
.border-purple-50 { border-color: #faf5ff; }
.border-purple-100 { border-color: #f3e8ff; }
.border-purple-200 { border-color: #e9d5ff; }
.border-purple-300 { border-color: #d8b4fe; }
.border-purple-400 { border-color: #c084fc; }
.border-purple-500 { border-color: #a855f7; }
.border-purple-600 { border-color: #9333ea; }
.border-purple-700 { border-color: #7e22ce; }
.border-purple-800 { border-color: #6b21a8; }
.border-purple-900 { border-color: #581c87; }
.border-purple-950 { border-color: #3b0764; }

/* Fuchsia Colors */
.border-fuchsia-50 { border-color: #fdf4ff; }
.border-fuchsia-100 { border-color: #fae8ff; }
.border-fuchsia-200 { border-color: #f5d0fe; }
.border-fuchsia-300 { border-color: #f0abfc; }
.border-fuchsia-400 { border-color: #e879f9; }
.border-fuchsia-500 { border-color: #d946ef; }
.border-fuchsia-600 { border-color: #c026d3; }
.border-fuchsia-700 { border-color: #a21caf; }
.border-fuchsia-800 { border-color: #86198f; }
.border-fuchsia-900 { border-color: #701a75; }
.border-fuchsia-950 { border-color: #4a044e; }

/* Pink Colors */
.border-pink-50 { border-color: #fdf2f8; }
.border-pink-100 { border-color: #fce7f3; }
.border-pink-200 { border-color: #fbcfe8; }
.border-pink-300 { border-color: #f9a8d4; }
.border-pink-400 { border-color: #f472b6; }
.border-pink-500 { border-color: #ec4899; }
.border-pink-600 { border-color: #db2777; }
.border-pink-700 { border-color: #be185d; }
.border-pink-800 { border-color: #9d174d; }
.border-pink-900 { border-color: #831843; }
.border-pink-950 { border-color: #500724; }

/* Rose Colors */
.border-rose-50 { border-color: #fff1f2; }
.border-rose-100 { border-color: #ffe4e6; }
.border-rose-200 { border-color: #fecdd3; }
.border-rose-300 { border-color: #fda4af; }
.border-rose-400 { border-color: #fb7185; }
.border-rose-500 { border-color: #f43f5e; }
.border-rose-600 { border-color: #e11d48; }
.border-rose-700 { border-color: #be123c; }
.border-rose-800 { border-color: #9f1239; }
.border-rose-900 { border-color: #881337; }
.border-rose-950 { border-color: #4c0519; }
/* Border color ends */

/* Gradient to top */
/* Slate Colors */
.bg-gradient-to-t-slate-50 { background-image: linear-gradient(to top, #f8fafc, transparent); }
.bg-gradient-to-t-slate-100 { background-image: linear-gradient(to top, #f1f5f9, transparent); }
.bg-gradient-to-t-slate-200 { background-image: linear-gradient(to top, #e2e8f0, transparent); }
.bg-gradient-to-t-slate-300 { background-image: linear-gradient(to top, #cbd5e1, transparent); }
.bg-gradient-to-t-slate-400 { background-image: linear-gradient(to top, #94a3b8, transparent); }
.bg-gradient-to-t-slate-500 { background-image: linear-gradient(to top, #64748b, transparent); }
.bg-gradient-to-t-slate-600 { background-image: linear-gradient(to top, #475569, transparent); }
.bg-gradient-to-t-slate-700 { background-image: linear-gradient(to top, #334155, transparent); }
.bg-gradient-to-t-slate-800 { background-image: linear-gradient(to top, #1e293b, transparent); }
.bg-gradient-to-t-slate-900 { background-image: linear-gradient(to top, #0f172a, transparent); }
.bg-gradient-to-t-slate-950 { background-image: linear-gradient(to top, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-t-gray-50 { background-image: linear-gradient(to top, #f9fafb, transparent); }
.bg-gradient-to-t-gray-100 { background-image: linear-gradient(to top, #f3f4f6, transparent); }
.bg-gradient-to-t-gray-200 { background-image: linear-gradient(to top, #e5e7eb, transparent); }
.bg-gradient-to-t-gray-300 { background-image: linear-gradient(to top, #d1d5db, transparent); }
.bg-gradient-to-t-gray-400 { background-image: linear-gradient(to top, #9ca3af, transparent); }
.bg-gradient-to-t-gray-500 { background-image: linear-gradient(to top, #6b7280, transparent); }
.bg-gradient-to-t-gray-600 { background-image: linear-gradient(to top, #4b5563, transparent); }
.bg-gradient-to-t-gray-700 { background-image: linear-gradient(to top, #374151, transparent); }
.bg-gradient-to-t-gray-800 { background-image: linear-gradient(to top, #1f2937, transparent); }
.bg-gradient-to-t-gray-900 { background-image: linear-gradient(to top, #111827, transparent); }
.bg-gradient-to-t-gray-950 { background-image: linear-gradient(to top, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-t-zinc-50 { background-image: linear-gradient(to top, #fafafa, transparent); }
.bg-gradient-to-t-zinc-100 { background-image: linear-gradient(to top, #f4f4f5, transparent); }
.bg-gradient-to-t-zinc-200 { background-image: linear-gradient(to top, #e4e4e7, transparent); }
.bg-gradient-to-t-zinc-300 { background-image: linear-gradient(to top, #d4d4d8, transparent); }
.bg-gradient-to-t-zinc-400 { background-image: linear-gradient(to top, #a1a1aa, transparent); }
.bg-gradient-to-t-zinc-500 { background-image: linear-gradient(to top, #71717a, transparent); }
.bg-gradient-to-t-zinc-600 { background-image: linear-gradient(to top, #52525b, transparent); }
.bg-gradient-to-t-zinc-700 { background-image: linear-gradient(to top, #3f3f46, transparent); }
.bg-gradient-to-t-zinc-800 { background-image: linear-gradient(to top, #27272a, transparent); }
.bg-gradient-to-t-zinc-900 { background-image: linear-gradient(to top, #18181b, transparent); }
.bg-gradient-to-t-zinc-950 { background-image: linear-gradient(to top, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-t-neutral-50 background-image: linear-gradient(to top, lor: #fafafa, transparent); }
.bg-gradient-to-t-neutral-100 background-image: linear-gradient(to top, lor: #f5f5f5, transparent); }
.bg-gradient-to-t-neutral-200 background-image: linear-gradient(to top, lor: #e5e5e5, transparent); }
.bg-gradient-to-t-neutral-300 background-image: linear-gradient(to top, lor: #d4d4d4, transparent); }
.bg-gradient-to-t-neutral-400 background-image: linear-gradient(to top, lor: #a3a3a3, transparent); }
.bg-gradient-to-t-neutral-500 background-image: linear-gradient(to top, lor: #737373, transparent); }
.bg-gradient-to-t-neutral-600 background-image: linear-gradient(to top, lor: #525252, transparent); }
.bg-gradient-to-t-neutral-700 background-image: linear-gradient(to top, lor: #404040, transparent); }
.bg-gradient-to-t-neutral-800 background-image: linear-gradient(to top, lor: #262626, transparent); }
.bg-gradient-to-t-neutral-900 background-image: linear-gradient(to top, lor: #171717, transparent); }
.bg-gradient-to-t-neutral-950 background-image: linear-gradient(to top, lor: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-t-stone-50 { background-image: linear-gradient(to top, #fafaf9, transparent); }
.bg-gradient-to-t-stone-100 { background-image: linear-gradient(to top, #f5f5f4, transparent); }
.bg-gradient-to-t-stone-200 { background-image: linear-gradient(to top, #e7e5e4, transparent); }
.bg-gradient-to-t-stone-300 { background-image: linear-gradient(to top, #d6d3d1, transparent); }
.bg-gradient-to-t-stone-400 { background-image: linear-gradient(to top, #a8a29e, transparent); }
.bg-gradient-to-t-stone-500 { background-image: linear-gradient(to top, #78716c, transparent); }
.bg-gradient-to-t-stone-600 { background-image: linear-gradient(to top, #57534e, transparent); }
.bg-gradient-to-t-stone-700 { background-image: linear-gradient(to top, #44403c, transparent); }
.bg-gradient-to-t-stone-800 { background-image: linear-gradient(to top, #292524, transparent); }
.bg-gradient-to-t-stone-900 { background-image: linear-gradient(to top, #1c1917, transparent); }
.bg-gradient-to-t-stone-950 { background-image: linear-gradient(to top, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-t-red-50 { border-background-image: linear-gradient(to top, f2f2, transparent); }
.bg-gradient-to-t-red-100 { background-image: linear-gradient(to top, #fee2e2, transparent); }
.bg-gradient-to-t-red-200 { background-image: linear-gradient(to top, #fecaca, transparent); }
.bg-gradient-to-t-red-300 { background-image: linear-gradient(to top, #fca5a5, transparent); }
.bg-gradient-to-t-red-400 { background-image: linear-gradient(to top, #f87171, transparent); }
.bg-gradient-to-t-red-500 { background-image: linear-gradient(to top, #ef4444, transparent); }
.bg-gradient-to-t-red-600 { background-image: linear-gradient(to top, #dc2626, transparent); }
.bg-gradient-to-t-red-700 { background-image: linear-gradient(to top, #b91c1c, transparent); }
.bg-gradient-to-t-red-800 { background-image: linear-gradient(to top, #991b1b, transparent); }
.bg-gradient-to-t-red-900 { background-image: linear-gradient(to top, #7f1d1d, transparent); }
.bg-gradient-to-t-red-950 { background-image: linear-gradient(to top, #450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-t-orange-50 { background-image: linear-gradient(to top, #fff7ed, transparent); }
.bg-gradient-to-t-orange-100 { background-image: linear-gradient(to top, #ffedd5, transparent); }
.bg-gradient-to-t-orange-200 { background-image: linear-gradient(to top, #fed7aa, transparent); }
.bg-gradient-to-t-orange-300 { background-image: linear-gradient(to top, #fdba74, transparent); }
.bg-gradient-to-t-orange-400 { background-image: linear-gradient(to top, #fb923c, transparent); }
.bg-gradient-to-t-orange-500 { background-image: linear-gradient(to top, #f97316, transparent); }
.bg-gradient-to-t-orange-600 { background-image: linear-gradient(to top, #ea580c, transparent); }
.bg-gradient-to-t-orange-700 { background-image: linear-gradient(to top, #c2410c, transparent); }
.bg-gradient-to-t-orange-800 { background-image: linear-gradient(to top, #9a3412, transparent); }
.bg-gradient-to-t-orange-900 { background-image: linear-gradient(to top, #7c2d12, transparent); }
.bg-gradient-to-t-orange-950 { background-image: linear-gradient(to top, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-t-amber-50 { background-image: linear-gradient(to top, #fffbeb, transparent); }
.bg-gradient-to-t-amber-100 { background-image: linear-gradient(to top, #fef3c7, transparent); }
.bg-gradient-to-t-amber-200 { background-image: linear-gradient(to top, #fde68a, transparent); }
.bg-gradient-to-t-amber-300 { background-image: linear-gradient(to top, #fcd34d, transparent); }
.bg-gradient-to-t-amber-400 { background-image: linear-gradient(to top, #fbbf24, transparent); }
.bg-gradient-to-t-amber-500 { background-image: linear-gradient(to top, #f59e0b, transparent); }
.bg-gradient-to-t-amber-600 { background-image: linear-gradient(to top, #d97706, transparent); }
.bg-gradient-to-t-amber-700 { background-image: linear-gradient(to top, #b45309, transparent); }
.bg-gradient-to-t-amber-800 { background-image: linear-gradient(to top, #92400e, transparent); }
.bg-gradient-to-t-amber-900 { background-image: linear-gradient(to top, #78350f, transparent); }
.bg-gradient-to-t-amber-950 { background-image: linear-gradient(to top, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-t-yellow-50 { background-image: linear-gradient(to top, #fefce8, transparent); }
.bg-gradient-to-t-yellow-100 { background-image: linear-gradient(to top, #fef9c3, transparent); }
.bg-gradient-to-t-yellow-200 { background-image: linear-gradient(to top, #fef08a, transparent); }
.bg-gradient-to-t-yellow-300 { background-image: linear-gradient(to top, #fde047, transparent); }
.bg-gradient-to-t-yellow-400 { background-image: linear-gradient(to top, #facc15, transparent); }
.bg-gradient-to-t-yellow-500 { background-image: linear-gradient(to top, #eab308, transparent); }
.bg-gradient-to-t-yellow-600 { background-image: linear-gradient(to top, #ca8a04, transparent); }
.bg-gradient-to-t-yellow-700 { background-image: linear-gradient(to top, #a16207, transparent); }
.bg-gradient-to-t-yellow-800 { background-image: linear-gradient(to top, #854d0e, transparent); }
.bg-gradient-to-t-yellow-900 { background-image: linear-gradient(to top, #713f12, transparent); }
.bg-gradient-to-t-yellow-950 { background-image: linear-gradient(to top, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-t-lime-50 { background-image: linear-gradient(to top, #f7fee7, transparent); }
.bg-gradient-to-t-lime-100 { background-image: linear-gradient(to top, #ecfccb, transparent); }
.bg-gradient-to-t-lime-200 { background-image: linear-gradient(to top, #d9f99d, transparent); }
.bg-gradient-to-t-lime-300 { background-image: linear-gradient(to top, #bef264, transparent); }
.bg-gradient-to-t-lime-400 { background-image: linear-gradient(to top, #a3e635, transparent); }
.bg-gradient-to-t-lime-500 { background-image: linear-gradient(to top, #84cc16, transparent); }
.bg-gradient-to-t-lime-600 { background-image: linear-gradient(to top, #65a30d, transparent); }
.bg-gradient-to-t-lime-700 { background-image: linear-gradient(to top, #4d7c0f, transparent); }
.bg-gradient-to-t-lime-800 { background-image: linear-gradient(to top, #3f6212, transparent); }
.bg-gradient-to-t-lime-900 { background-image: linear-gradient(to top, #365314, transparent); }
.bg-gradient-to-t-lime-950 { background-image: linear-gradient(to top, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-t-green-50 { background-image: linear-gradient(to top, #f0fdf4, transparent); }
.bg-gradient-to-t-green-100 { background-image: linear-gradient(to top, #dcfce7, transparent); }
.bg-gradient-to-t-green-200 { background-image: linear-gradient(to top, #bbf7d0, transparent); }
.bg-gradient-to-t-green-300 { background-image: linear-gradient(to top, #86efac, transparent); }
.bg-gradient-to-t-green-400 { background-image: linear-gradient(to top, #4ade80, transparent); }
.bg-gradient-to-t-green-500 { background-image: linear-gradient(to top, #22c55e, transparent); }
.bg-gradient-to-t-green-600 { background-image: linear-gradient(to top, #16a34a, transparent); }
.bg-gradient-to-t-green-700 { background-image: linear-gradient(to top, #15803d, transparent); }
.bg-gradient-to-t-green-800 { background-image: linear-gradient(to top, #166534, transparent); }
.bg-gradient-to-t-green-900 { background-image: linear-gradient(to top, #14532d, transparent); }
.bg-gradient-to-t-green-950 { background-image: linear-gradient(to top, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-t-emerald-50 background-image: linear-gradient(to top, lor: #ecfdf5, transparent); }
.bg-gradient-to-t-emerald-100 background-image: linear-gradient(to top, lor: #d1fae5, transparent); }
.bg-gradient-to-t-emerald-200 background-image: linear-gradient(to top, lor: #a7f3d0, transparent); }
.bg-gradient-to-t-emerald-300 background-image: linear-gradient(to top, lor: #6ee7b7, transparent); }
.bg-gradient-to-t-emerald-400 background-image: linear-gradient(to top, lor: #34d399, transparent); }
.bg-gradient-to-t-emerald-500 background-image: linear-gradient(to top, lor: #10b981, transparent); }
.bg-gradient-to-t-emerald-600 background-image: linear-gradient(to top, lor: #059669, transparent); }
.bg-gradient-to-t-emerald-700 background-image: linear-gradient(to top, lor: #047857, transparent); }
.bg-gradient-to-t-emerald-800 background-image: linear-gradient(to top, lor: #065f46, transparent); }
.bg-gradient-to-t-emerald-900 background-image: linear-gradient(to top, lor: #064e3b, transparent); }
.bg-gradient-to-t-emerald-950 background-image: linear-gradient(to top, lor: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-t-teal-50 { background-image: linear-gradient(to top, #f0fdfa, transparent); }
.bg-gradient-to-t-teal-100 { background-image: linear-gradient(to top, #ccfbf1, transparent); }
.bg-gradient-to-t-teal-200 { background-image: linear-gradient(to top, #99f6e4, transparent); }
.bg-gradient-to-t-teal-300 { background-image: linear-gradient(to top, #5eead4, transparent); }
.bg-gradient-to-t-teal-400 { background-image: linear-gradient(to top, #2dd4bf, transparent); }
.bg-gradient-to-t-teal-500 { background-image: linear-gradient(to top, #14b8a6, transparent); }
.bg-gradient-to-t-teal-600 { background-image: linear-gradient(to top, #0d9488, transparent); }
.bg-gradient-to-t-teal-700 { background-image: linear-gradient(to top, #0f766e, transparent); }
.bg-gradient-to-t-teal-800 { background-image: linear-gradient(to top, #115e59, transparent); }
.bg-gradient-to-t-teal-900 { background-image: linear-gradient(to top, #134e4a, transparent); }
.bg-gradient-to-t-teal-950 { background-image: linear-gradient(to top, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-t-cyan-50 { background-image: linear-gradient(to top, #ecfeff, transparent); }
.bg-gradient-to-t-cyan-100 { background-image: linear-gradient(to top, #cffafe, transparent); }
.bg-gradient-to-t-cyan-200 { background-image: linear-gradient(to top, #a5f3fc, transparent); }
.bg-gradient-to-t-cyan-300 { background-image: linear-gradient(to top, #67e8f9, transparent); }
.bg-gradient-to-t-cyan-400 { background-image: linear-gradient(to top, #22d3ee, transparent); }
.bg-gradient-to-t-cyan-500 { background-image: linear-gradient(to top, #06b6d4, transparent); }
.bg-gradient-to-t-cyan-600 { background-image: linear-gradient(to top, #0891b2, transparent); }
.bg-gradient-to-t-cyan-700 { background-image: linear-gradient(to top, #0e7490, transparent); }
.bg-gradient-to-t-cyan-800 { background-image: linear-gradient(to top, #155e75, transparent); }
.bg-gradient-to-t-cyan-900 { background-image: linear-gradient(to top, #164e63, transparent); }
.bg-gradient-to-t-cyan-950 { background-image: linear-gradient(to top, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-t-sky-50 { border-background-image: linear-gradient(to top, f9ff, transparent); }
.bg-gradient-to-t-sky-100 { background-image: linear-gradient(to top, #e0f2fe, transparent); }
.bg-gradient-to-t-sky-200 { background-image: linear-gradient(to top, #bae6fd, transparent); }
.bg-gradient-to-t-sky-300 { background-image: linear-gradient(to top, #7dd3fc, transparent); }
.bg-gradient-to-t-sky-400 { background-image: linear-gradient(to top, #38bdf8, transparent); }
.bg-gradient-to-t-sky-500 { background-image: linear-gradient(to top, #0ea5e9, transparent); }
.bg-gradient-to-t-sky-600 { background-image: linear-gradient(to top, #0284c7, transparent); }
.bg-gradient-to-t-sky-700 { background-image: linear-gradient(to top, #0369a1, transparent); }
.bg-gradient-to-t-sky-800 { background-image: linear-gradient(to top, #075985, transparent); }
.bg-gradient-to-t-sky-900 { background-image: linear-gradient(to top, #0c4a6e, transparent); }
.bg-gradient-to-t-sky-950 { background-image: linear-gradient(to top, #082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-t-blue-50 { background-image: linear-gradient(to top, #eff6ff, transparent); }
.bg-gradient-to-t-blue-100 { background-image: linear-gradient(to top, #dbeafe, transparent); }
.bg-gradient-to-t-blue-200 { background-image: linear-gradient(to top, #bfdbfe, transparent); }
.bg-gradient-to-t-blue-300 { background-image: linear-gradient(to top, #93c5fd, transparent); }
.bg-gradient-to-t-blue-400 { background-image: linear-gradient(to top, #60a5fa, transparent); }
.bg-gradient-to-t-blue-500 { background-image: linear-gradient(to top, #3b82f6, transparent); }
.bg-gradient-to-t-blue-600 { background-image: linear-gradient(to top, #2563eb, transparent); }
.bg-gradient-to-t-blue-700 { background-image: linear-gradient(to top, #1d4ed8, transparent); }
.bg-gradient-to-t-blue-800 { background-image: linear-gradient(to top, #1e40af, transparent); }
.bg-gradient-to-t-blue-900 { background-image: linear-gradient(to top, #1e3a8a, transparent); }
.bg-gradient-to-t-blue-950 { background-image: linear-gradient(to top, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-t-indigo-50 { background-image: linear-gradient(to top, #eef2ff, transparent); }
.bg-gradient-to-t-indigo-100 { background-image: linear-gradient(to top, #e0e7ff, transparent); }
.bg-gradient-to-t-indigo-200 { background-image: linear-gradient(to top, #c7d2fe, transparent); }
.bg-gradient-to-t-indigo-300 { background-image: linear-gradient(to top, #a5b4fc, transparent); }
.bg-gradient-to-t-indigo-400 { background-image: linear-gradient(to top, #818cf8, transparent); }
.bg-gradient-to-t-indigo-500 { background-image: linear-gradient(to top, #6366f1, transparent); }
.bg-gradient-to-t-indigo-600 { background-image: linear-gradient(to top, #4f46e5, transparent); }
.bg-gradient-to-t-indigo-700 { background-image: linear-gradient(to top, #4338ca, transparent); }
.bg-gradient-to-t-indigo-800 { background-image: linear-gradient(to top, #3730a3, transparent); }
.bg-gradient-to-t-indigo-900 { background-image: linear-gradient(to top, #312e81, transparent); }
.bg-gradient-to-t-indigo-950 { background-image: linear-gradient(to top, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-t-violet-50 { background-image: linear-gradient(to top, #f5f3ff, transparent); }
.bg-gradient-to-t-violet-100 { background-image: linear-gradient(to top, #ede9fe, transparent); }
.bg-gradient-to-t-violet-200 { background-image: linear-gradient(to top, #ddd6fe, transparent); }
.bg-gradient-to-t-violet-300 { background-image: linear-gradient(to top, #c4b5fd, transparent); }
.bg-gradient-to-t-violet-400 { background-image: linear-gradient(to top, #a78bfa, transparent); }
.bg-gradient-to-t-violet-500 { background-image: linear-gradient(to top, #8b5cf6, transparent); }
.bg-gradient-to-t-violet-600 { background-image: linear-gradient(to top, #7c3aed, transparent); }
.bg-gradient-to-t-violet-700 { background-image: linear-gradient(to top, #6d28d9, transparent); }
.bg-gradient-to-t-violet-800 { background-image: linear-gradient(to top, #5b21b6, transparent); }
.bg-gradient-to-t-violet-900 { background-image: linear-gradient(to top, #4c1d95, transparent); }
.bg-gradient-to-t-violet-950 { background-image: linear-gradient(to top, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-t-purple-50 { background-image: linear-gradient(to top, #faf5ff, transparent); }
.bg-gradient-to-t-purple-100 { background-image: linear-gradient(to top, #f3e8ff, transparent); }
.bg-gradient-to-t-purple-200 { background-image: linear-gradient(to top, #e9d5ff, transparent); }
.bg-gradient-to-t-purple-300 { background-image: linear-gradient(to top, #d8b4fe, transparent); }
.bg-gradient-to-t-purple-400 { background-image: linear-gradient(to top, #c084fc, transparent); }
.bg-gradient-to-t-purple-500 { background-image: linear-gradient(to top, #a855f7, transparent); }
.bg-gradient-to-t-purple-600 { background-image: linear-gradient(to top, #9333ea, transparent); }
.bg-gradient-to-t-purple-700 { background-image: linear-gradient(to top, #7e22ce, transparent); }
.bg-gradient-to-t-purple-800 { background-image: linear-gradient(to top, #6b21a8, transparent); }
.bg-gradient-to-t-purple-900 { background-image: linear-gradient(to top, #581c87, transparent); }
.bg-gradient-to-t-purple-950 { background-image: linear-gradient(to top, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-t-fuchsia-50 background-image: linear-gradient(to top, lor: #fdf4ff, transparent); }
.bg-gradient-to-t-fuchsia-100 background-image: linear-gradient(to top, lor: #fae8ff, transparent); }
.bg-gradient-to-t-fuchsia-200 background-image: linear-gradient(to top, lor: #f5d0fe, transparent); }
.bg-gradient-to-t-fuchsia-300 background-image: linear-gradient(to top, lor: #f0abfc, transparent); }
.bg-gradient-to-t-fuchsia-400 background-image: linear-gradient(to top, lor: #e879f9, transparent); }
.bg-gradient-to-t-fuchsia-500 background-image: linear-gradient(to top, lor: #d946ef, transparent); }
.bg-gradient-to-t-fuchsia-600 background-image: linear-gradient(to top, lor: #c026d3, transparent); }
.bg-gradient-to-t-fuchsia-700 background-image: linear-gradient(to top, lor: #a21caf, transparent); }
.bg-gradient-to-t-fuchsia-800 background-image: linear-gradient(to top, lor: #86198f, transparent); }
.bg-gradient-to-t-fuchsia-900 background-image: linear-gradient(to top, lor: #701a75, transparent); }
.bg-gradient-to-t-fuchsia-950 background-image: linear-gradient(to top, lor: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-t-pink-50 { background-image: linear-gradient(to top, #fdf2f8, transparent); }
.bg-gradient-to-t-pink-100 { background-image: linear-gradient(to top, #fce7f3, transparent); }
.bg-gradient-to-t-pink-200 { background-image: linear-gradient(to top, #fbcfe8, transparent); }
.bg-gradient-to-t-pink-300 { background-image: linear-gradient(to top, #f9a8d4, transparent); }
.bg-gradient-to-t-pink-400 { background-image: linear-gradient(to top, #f472b6, transparent); }
.bg-gradient-to-t-pink-500 { background-image: linear-gradient(to top, #ec4899, transparent); }
.bg-gradient-to-t-pink-600 { background-image: linear-gradient(to top, #db2777, transparent); }
.bg-gradient-to-t-pink-700 { background-image: linear-gradient(to top, #be185d, transparent); }
.bg-gradient-to-t-pink-800 { background-image: linear-gradient(to top, #9d174d, transparent); }
.bg-gradient-to-t-pink-900 { background-image: linear-gradient(to top, #831843, transparent); }
.bg-gradient-to-t-pink-950 { background-image: linear-gradient(to top, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-t-rose-50 { background-image: linear-gradient(to top, #fff1f2, transparent); }
.bg-gradient-to-t-rose-100 { background-image: linear-gradient(to top, #ffe4e6, transparent); }
.bg-gradient-to-t-rose-200 { background-image: linear-gradient(to top, #fecdd3, transparent); }
.bg-gradient-to-t-rose-300 { background-image: linear-gradient(to top, #fda4af, transparent); }
.bg-gradient-to-t-rose-400 { background-image: linear-gradient(to top, #fb7185, transparent); }
.bg-gradient-to-t-rose-500 { background-image: linear-gradient(to top, #f43f5e, transparent); }
.bg-gradient-to-t-rose-600 { background-image: linear-gradient(to top, #e11d48, transparent); }
.bg-gradient-to-t-rose-700 { background-image: linear-gradient(to top, #be123c, transparent); }
.bg-gradient-to-t-rose-800 { background-image: linear-gradient(to top, #9f1239, transparent); }
.bg-gradient-to-t-rose-900 { background-image: linear-gradient(to top, #881337, transparent); }
.bg-gradient-to-t-rose-950 { background-image: linear-gradient(to top, #4c0519, transparent); }

/* Gradient to bottom */
/* Slate Colors */
.bg-gradient-to-b-slate-50 { background-image: linear-gradient(to bottom, #f8fafc, transparent); }
.bg-gradient-to-b-slate-100 { background-image: linear-gradient(to bottom, #f1f5f9, transparent); }
.bg-gradient-to-b-slate-200 { background-image: linear-gradient(to bottom, #e2e8f0, transparent); }
.bg-gradient-to-b-slate-300 { background-image: linear-gradient(to bottom, #cbd5e1, transparent); }
.bg-gradient-to-b-slate-400 { background-image: linear-gradient(to bottom, #94a3b8, transparent); }
.bg-gradient-to-b-slate-500 { background-image: linear-gradient(to bottom, #64748b, transparent); }
.bg-gradient-to-b-slate-600 { background-image: linear-gradient(to bottom, #475569, transparent); }
.bg-gradient-to-b-slate-700 { background-image: linear-gradient(to bottom, #334155, transparent); }
.bg-gradient-to-b-slate-800 { background-image: linear-gradient(to bottom, #1e293b, transparent); }
.bg-gradient-to-b-slate-900 { background-image: linear-gradient(to bottom, #0f172a, transparent); }
.bg-gradient-to-b-slate-950 { background-image: linear-gradient(to bottom, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-b-gray-50 { background-image: linear-gradient(to bottom, #f9fafb, transparent); }
.bg-gradient-to-b-gray-100 { background-image: linear-gradient(to bottom, #f3f4f6, transparent); }
.bg-gradient-to-b-gray-200 { background-image: linear-gradient(to bottom, #e5e7eb, transparent); }
.bg-gradient-to-b-gray-300 { background-image: linear-gradient(to bottom, #d1d5db, transparent); }
.bg-gradient-to-b-gray-400 { background-image: linear-gradient(to bottom, #9ca3af, transparent); }
.bg-gradient-to-b-gray-500 { background-image: linear-gradient(to bottom, #6b7280, transparent); }
.bg-gradient-to-b-gray-600 { background-image: linear-gradient(to bottom, #4b5563, transparent); }
.bg-gradient-to-b-gray-700 { background-image: linear-gradient(to bottom, #374151, transparent); }
.bg-gradient-to-b-gray-800 { background-image: linear-gradient(to bottom, #1f2937, transparent); }
.bg-gradient-to-b-gray-900 { background-image: linear-gradient(to bottom, #111827, transparent); }
.bg-gradient-to-b-gray-950 { background-image: linear-gradient(to bottom, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-b-zinc-50 { background-image: linear-gradient(to bottom, #fafafa, transparent); }
.bg-gradient-to-b-zinc-100 { background-image: linear-gradient(to bottom, #f4f4f5, transparent); }
.bg-gradient-to-b-zinc-200 { background-image: linear-gradient(to bottom, #e4e4e7, transparent); }
.bg-gradient-to-b-zinc-300 { background-image: linear-gradient(to bottom, #d4d4d8, transparent); }
.bg-gradient-to-b-zinc-400 { background-image: linear-gradient(to bottom, #a1a1aa, transparent); }
.bg-gradient-to-b-zinc-500 { background-image: linear-gradient(to bottom, #71717a, transparent); }
.bg-gradient-to-b-zinc-600 { background-image: linear-gradient(to bottom, #52525b, transparent); }
.bg-gradient-to-b-zinc-700 { background-image: linear-gradient(to bottom, #3f3f46, transparent); }
.bg-gradient-to-b-zinc-800 { background-image: linear-gradient(to bottom, #27272a, transparent); }
.bg-gradient-to-b-zinc-900 { background-image: linear-gradient(to bottom, #18181b, transparent); }
.bg-gradient-to-b-zinc-950 { background-image: linear-gradient(to bottom, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-b-neutral-50 background-image: linear-gradient(to top, bottom: #fafafa, transparent); }
.bg-gradient-to-b-neutral-100 background-image: linear-gradient(to top, bottom: #f5f5f5, transparent); }
.bg-gradient-to-b-neutral-200 background-image: linear-gradient(to top, bottom: #e5e5e5, transparent); }
.bg-gradient-to-b-neutral-300 background-image: linear-gradient(to top, bottom: #d4d4d4, transparent); }
.bg-gradient-to-b-neutral-400 background-image: linear-gradient(to top, bottom: #a3a3a3, transparent); }
.bg-gradient-to-b-neutral-500 background-image: linear-gradient(to top, bottom: #737373, transparent); }
.bg-gradient-to-b-neutral-600 background-image: linear-gradient(to top, bottom: #525252, transparent); }
.bg-gradient-to-b-neutral-700 background-image: linear-gradient(to top, bottom: #404040, transparent); }
.bg-gradient-to-b-neutral-800 background-image: linear-gradient(to top, bottom: #262626, transparent); }
.bg-gradient-to-b-neutral-900 background-image: linear-gradient(to top, bottom: #171717, transparent); }
.bg-gradient-to-b-neutral-950 background-image: linear-gradient(to top, bottom: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-b-stone-50 { background-image: linear-gradient(to bottom, #fafaf9, transparent); }
.bg-gradient-to-b-stone-100 { background-image: linear-gradient(to bottom, #f5f5f4, transparent); }
.bg-gradient-to-b-stone-200 { background-image: linear-gradient(to bottom, #e7e5e4, transparent); }
.bg-gradient-to-b-stone-300 { background-image: linear-gradient(to bottom, #d6d3d1, transparent); }
.bg-gradient-to-b-stone-400 { background-image: linear-gradient(to bottom, #a8a29e, transparent); }
.bg-gradient-to-b-stone-500 { background-image: linear-gradient(to bottom, #78716c, transparent); }
.bg-gradient-to-b-stone-600 { background-image: linear-gradient(to bottom, #57534e, transparent); }
.bg-gradient-to-b-stone-700 { background-image: linear-gradient(to bottom, #44403c, transparent); }
.bg-gradient-to-b-stone-800 { background-image: linear-gradient(to bottom, #292524, transparent); }
.bg-gradient-to-b-stone-900 { background-image: linear-gradient(to bottom, #1c1917, transparent); }
.bg-gradient-to-b-stone-950 { background-image: linear-gradient(to bottom, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-b-red-50 { border-background-image: linear-gradient(bottom top, f2f2, transparent); }
.bg-gradient-to-b-red-100 { background-image: linear-gradient(to bottom, #fee2e2, transparent); }
.bg-gradient-to-b-red-200 { background-image: linear-gradient(to bottom, #fecaca, transparent); }
.bg-gradient-to-b-red-300 { background-image: linear-gradient(to bottom, #fca5a5, transparent); }
.bg-gradient-to-b-red-400 { background-image: linear-gradient(to bottom, #f87171, transparent); }
.bg-gradient-to-b-red-500 { background-image: linear-gradient(to bottom, #ef4444, transparent); }
.bg-gradient-to-b-red-600 { background-image: linear-gradient(to bottom, #dc2626, transparent); }
.bg-gradient-to-b-red-700 { background-image: linear-gradient(to bottom, #b91c1c, transparent); }
.bg-gradient-to-b-red-800 { background-image: linear-gradient(to bottom, #991b1b, transparent); }
.bg-gradient-to-b-red-900 { background-image: linear-gradient(to bottom, #7f1d1d, transparent); }
.bg-gradient-to-b-red-950 { background-image: linear-gradient(to bottom, #450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-b-orange-50 { background-image: linear-gradient(to bottom, #fff7ed, transparent); }
.bg-gradient-to-b-orange-100 { background-image: linear-gradient(to bottom, #ffedd5, transparent); }
.bg-gradient-to-b-orange-200 { background-image: linear-gradient(to bottom, #fed7aa, transparent); }
.bg-gradient-to-b-orange-300 { background-image: linear-gradient(to bottom, #fdba74, transparent); }
.bg-gradient-to-b-orange-400 { background-image: linear-gradient(to bottom, #fb923c, transparent); }
.bg-gradient-to-b-orange-500 { background-image: linear-gradient(to bottom, #f97316, transparent); }
.bg-gradient-to-b-orange-600 { background-image: linear-gradient(to bottom, #ea580c, transparent); }
.bg-gradient-to-b-orange-700 { background-image: linear-gradient(to bottom, #c2410c, transparent); }
.bg-gradient-to-b-orange-800 { background-image: linear-gradient(to bottom, #9a3412, transparent); }
.bg-gradient-to-b-orange-900 { background-image: linear-gradient(to bottom, #7c2d12, transparent); }
.bg-gradient-to-b-orange-950 { background-image: linear-gradient(to bottom, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-b-amber-50 { background-image: linear-gradient(to bottom, #fffbeb, transparent); }
.bg-gradient-to-b-amber-100 { background-image: linear-gradient(to bottom, #fef3c7, transparent); }
.bg-gradient-to-b-amber-200 { background-image: linear-gradient(to bottom, #fde68a, transparent); }
.bg-gradient-to-b-amber-300 { background-image: linear-gradient(to bottom, #fcd34d, transparent); }
.bg-gradient-to-b-amber-400 { background-image: linear-gradient(to bottom, #fbbf24, transparent); }
.bg-gradient-to-b-amber-500 { background-image: linear-gradient(to bottom, #f59e0b, transparent); }
.bg-gradient-to-b-amber-600 { background-image: linear-gradient(to bottom, #d97706, transparent); }
.bg-gradient-to-b-amber-700 { background-image: linear-gradient(to bottom, #b45309, transparent); }
.bg-gradient-to-b-amber-800 { background-image: linear-gradient(to bottom, #92400e, transparent); }
.bg-gradient-to-b-amber-900 { background-image: linear-gradient(to bottom, #78350f, transparent); }
.bg-gradient-to-b-amber-950 { background-image: linear-gradient(to bottom, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-b-yellow-50 { background-image: linear-gradient(to bottom, #fefce8, transparent); }
.bg-gradient-to-b-yellow-100 { background-image: linear-gradient(to bottom, #fef9c3, transparent); }
.bg-gradient-to-b-yellow-200 { background-image: linear-gradient(to bottom, #fef08a, transparent); }
.bg-gradient-to-b-yellow-300 { background-image: linear-gradient(to bottom, #fde047, transparent); }
.bg-gradient-to-b-yellow-400 { background-image: linear-gradient(to bottom, #facc15, transparent); }
.bg-gradient-to-b-yellow-500 { background-image: linear-gradient(to bottom, #eab308, transparent); }
.bg-gradient-to-b-yellow-600 { background-image: linear-gradient(to bottom, #ca8a04, transparent); }
.bg-gradient-to-b-yellow-700 { background-image: linear-gradient(to bottom, #a16207, transparent); }
.bg-gradient-to-b-yellow-800 { background-image: linear-gradient(to bottom, #854d0e, transparent); }
.bg-gradient-to-b-yellow-900 { background-image: linear-gradient(to bottom, #713f12, transparent); }
.bg-gradient-to-b-yellow-950 { background-image: linear-gradient(to bottom, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-b-lime-50 { background-image: linear-gradient(to bottom, #f7fee7, transparent); }
.bg-gradient-to-b-lime-100 { background-image: linear-gradient(to bottom, #ecfccb, transparent); }
.bg-gradient-to-b-lime-200 { background-image: linear-gradient(to bottom, #d9f99d, transparent); }
.bg-gradient-to-b-lime-300 { background-image: linear-gradient(to bottom, #bef264, transparent); }
.bg-gradient-to-b-lime-400 { background-image: linear-gradient(to bottom, #a3e635, transparent); }
.bg-gradient-to-b-lime-500 { background-image: linear-gradient(to bottom, #84cc16, transparent); }
.bg-gradient-to-b-lime-600 { background-image: linear-gradient(to bottom, #65a30d, transparent); }
.bg-gradient-to-b-lime-700 { background-image: linear-gradient(to bottom, #4d7c0f, transparent); }
.bg-gradient-to-b-lime-800 { background-image: linear-gradient(to bottom, #3f6212, transparent); }
.bg-gradient-to-b-lime-900 { background-image: linear-gradient(to bottom, #365314, transparent); }
.bg-gradient-to-b-lime-950 { background-image: linear-gradient(to bottom, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-b-green-50 { background-image: linear-gradient(to bottom, #f0fdf4, transparent); }
.bg-gradient-to-b-green-100 { background-image: linear-gradient(to bottom, #dcfce7, transparent); }
.bg-gradient-to-b-green-200 { background-image: linear-gradient(to bottom, #bbf7d0, transparent); }
.bg-gradient-to-b-green-300 { background-image: linear-gradient(to bottom, #86efac, transparent); }
.bg-gradient-to-b-green-400 { background-image: linear-gradient(to bottom, #4ade80, transparent); }
.bg-gradient-to-b-green-500 { background-image: linear-gradient(to bottom, #22c55e, transparent); }
.bg-gradient-to-b-green-600 { background-image: linear-gradient(to bottom, #16a34a, transparent); }
.bg-gradient-to-b-green-700 { background-image: linear-gradient(to bottom, #15803d, transparent); }
.bg-gradient-to-b-green-800 { background-image: linear-gradient(to bottom, #166534, transparent); }
.bg-gradient-to-b-green-900 { background-image: linear-gradient(to bottom, #14532d, transparent); }
.bg-gradient-to-b-green-950 { background-image: linear-gradient(to bottom, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-b-emerald-50 background-image: linear-gradient(to top, bottom: #ecfdf5, transparent); }
.bg-gradient-to-b-emerald-100 background-image: linear-gradient(to top, bottom: #d1fae5, transparent); }
.bg-gradient-to-b-emerald-200 background-image: linear-gradient(to top, bottom: #a7f3d0, transparent); }
.bg-gradient-to-b-emerald-300 background-image: linear-gradient(to top, bottom: #6ee7b7, transparent); }
.bg-gradient-to-b-emerald-400 background-image: linear-gradient(to top, bottom: #34d399, transparent); }
.bg-gradient-to-b-emerald-500 background-image: linear-gradient(to top, bottom: #10b981, transparent); }
.bg-gradient-to-b-emerald-600 background-image: linear-gradient(to top, bottom: #059669, transparent); }
.bg-gradient-to-b-emerald-700 background-image: linear-gradient(to top, bottom: #047857, transparent); }
.bg-gradient-to-b-emerald-800 background-image: linear-gradient(to top, bottom: #065f46, transparent); }
.bg-gradient-to-b-emerald-900 background-image: linear-gradient(to top, bottom: #064e3b, transparent); }
.bg-gradient-to-b-emerald-950 background-image: linear-gradient(to top, bottom: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-b-teal-50 { background-image: linear-gradient(to bottom, #f0fdfa, transparent); }
.bg-gradient-to-b-teal-100 { background-image: linear-gradient(to bottom, #ccfbf1, transparent); }
.bg-gradient-to-b-teal-200 { background-image: linear-gradient(to bottom, #99f6e4, transparent); }
.bg-gradient-to-b-teal-300 { background-image: linear-gradient(to bottom, #5eead4, transparent); }
.bg-gradient-to-b-teal-400 { background-image: linear-gradient(to bottom, #2dd4bf, transparent); }
.bg-gradient-to-b-teal-500 { background-image: linear-gradient(to bottom, #14b8a6, transparent); }
.bg-gradient-to-b-teal-600 { background-image: linear-gradient(to bottom, #0d9488, transparent); }
.bg-gradient-to-b-teal-700 { background-image: linear-gradient(to bottom, #0f766e, transparent); }
.bg-gradient-to-b-teal-800 { background-image: linear-gradient(to bottom, #115e59, transparent); }
.bg-gradient-to-b-teal-900 { background-image: linear-gradient(to bottom, #134e4a, transparent); }
.bg-gradient-to-b-teal-950 { background-image: linear-gradient(to bottom, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-b-cyan-50 { background-image: linear-gradient(to bottom, #ecfeff, transparent); }
.bg-gradient-to-b-cyan-100 { background-image: linear-gradient(to bottom, #cffafe, transparent); }
.bg-gradient-to-b-cyan-200 { background-image: linear-gradient(to bottom, #a5f3fc, transparent); }
.bg-gradient-to-b-cyan-300 { background-image: linear-gradient(to bottom, #67e8f9, transparent); }
.bg-gradient-to-b-cyan-400 { background-image: linear-gradient(to bottom, #22d3ee, transparent); }
.bg-gradient-to-b-cyan-500 { background-image: linear-gradient(to bottom, #06b6d4, transparent); }
.bg-gradient-to-b-cyan-600 { background-image: linear-gradient(to bottom, #0891b2, transparent); }
.bg-gradient-to-b-cyan-700 { background-image: linear-gradient(to bottom, #0e7490, transparent); }
.bg-gradient-to-b-cyan-800 { background-image: linear-gradient(to bottom, #155e75, transparent); }
.bg-gradient-to-b-cyan-900 { background-image: linear-gradient(to bottom, #164e63, transparent); }
.bg-gradient-to-b-cyan-950 { background-image: linear-gradient(to bottom, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-b-sky-50 { border-background-image: linear-gradient(bottom top, f9ff, transparent); }
.bg-gradient-to-b-sky-100 { background-image: linear-gradient(to bottom, #e0f2fe, transparent); }
.bg-gradient-to-b-sky-200 { background-image: linear-gradient(to bottom, #bae6fd, transparent); }
.bg-gradient-to-b-sky-300 { background-image: linear-gradient(to bottom, #7dd3fc, transparent); }
.bg-gradient-to-b-sky-400 { background-image: linear-gradient(to bottom, #38bdf8, transparent); }
.bg-gradient-to-b-sky-500 { background-image: linear-gradient(to bottom, #0ea5e9, transparent); }
.bg-gradient-to-b-sky-600 { background-image: linear-gradient(to bottom, #0284c7, transparent); }
.bg-gradient-to-b-sky-700 { background-image: linear-gradient(to bottom, #0369a1, transparent); }
.bg-gradient-to-b-sky-800 { background-image: linear-gradient(to bottom, #075985, transparent); }
.bg-gradient-to-b-sky-900 { background-image: linear-gradient(to bottom, #0c4a6e, transparent); }
.bg-gradient-to-b-sky-950 { background-image: linear-gradient(to bottom, #082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-b-blue-50 { background-image: linear-gradient(to bottom, #eff6ff, transparent); }
.bg-gradient-to-b-blue-100 { background-image: linear-gradient(to bottom, #dbeafe, transparent); }
.bg-gradient-to-b-blue-200 { background-image: linear-gradient(to bottom, #bfdbfe, transparent); }
.bg-gradient-to-b-blue-300 { background-image: linear-gradient(to bottom, #93c5fd, transparent); }
.bg-gradient-to-b-blue-400 { background-image: linear-gradient(to bottom, #60a5fa, transparent); }
.bg-gradient-to-b-blue-500 { background-image: linear-gradient(to bottom, #3b82f6, transparent); }
.bg-gradient-to-b-blue-600 { background-image: linear-gradient(to bottom, #2563eb, transparent); }
.bg-gradient-to-b-blue-700 { background-image: linear-gradient(to bottom, #1d4ed8, transparent); }
.bg-gradient-to-b-blue-800 { background-image: linear-gradient(to bottom, #1e40af, transparent); }
.bg-gradient-to-b-blue-900 { background-image: linear-gradient(to bottom, #1e3a8a, transparent); }
.bg-gradient-to-b-blue-950 { background-image: linear-gradient(to bottom, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-b-indigo-50 { background-image: linear-gradient(to bottom, #eef2ff, transparent); }
.bg-gradient-to-b-indigo-100 { background-image: linear-gradient(to bottom, #e0e7ff, transparent); }
.bg-gradient-to-b-indigo-200 { background-image: linear-gradient(to bottom, #c7d2fe, transparent); }
.bg-gradient-to-b-indigo-300 { background-image: linear-gradient(to bottom, #a5b4fc, transparent); }
.bg-gradient-to-b-indigo-400 { background-image: linear-gradient(to bottom, #818cf8, transparent); }
.bg-gradient-to-b-indigo-500 { background-image: linear-gradient(to bottom, #6366f1, transparent); }
.bg-gradient-to-b-indigo-600 { background-image: linear-gradient(to bottom, #4f46e5, transparent); }
.bg-gradient-to-b-indigo-700 { background-image: linear-gradient(to bottom, #4338ca, transparent); }
.bg-gradient-to-b-indigo-800 { background-image: linear-gradient(to bottom, #3730a3, transparent); }
.bg-gradient-to-b-indigo-900 { background-image: linear-gradient(to bottom, #312e81, transparent); }
.bg-gradient-to-b-indigo-950 { background-image: linear-gradient(to bottom, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-b-violet-50 { background-image: linear-gradient(to bottom, #f5f3ff, transparent); }
.bg-gradient-to-b-violet-100 { background-image: linear-gradient(to bottom, #ede9fe, transparent); }
.bg-gradient-to-b-violet-200 { background-image: linear-gradient(to bottom, #ddd6fe, transparent); }
.bg-gradient-to-b-violet-300 { background-image: linear-gradient(to bottom, #c4b5fd, transparent); }
.bg-gradient-to-b-violet-400 { background-image: linear-gradient(to bottom, #a78bfa, transparent); }
.bg-gradient-to-b-violet-500 { background-image: linear-gradient(to bottom, #8b5cf6, transparent); }
.bg-gradient-to-b-violet-600 { background-image: linear-gradient(to bottom, #7c3aed, transparent); }
.bg-gradient-to-b-violet-700 { background-image: linear-gradient(to bottom, #6d28d9, transparent); }
.bg-gradient-to-b-violet-800 { background-image: linear-gradient(to bottom, #5b21b6, transparent); }
.bg-gradient-to-b-violet-900 { background-image: linear-gradient(to bottom, #4c1d95, transparent); }
.bg-gradient-to-b-violet-950 { background-image: linear-gradient(to bottom, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-b-purple-50 { background-image: linear-gradient(to bottom, #faf5ff, transparent); }
.bg-gradient-to-b-purple-100 { background-image: linear-gradient(to bottom, #f3e8ff, transparent); }
.bg-gradient-to-b-purple-200 { background-image: linear-gradient(to bottom, #e9d5ff, transparent); }
.bg-gradient-to-b-purple-300 { background-image: linear-gradient(to bottom, #d8b4fe, transparent); }
.bg-gradient-to-b-purple-400 { background-image: linear-gradient(to bottom, #c084fc, transparent); }
.bg-gradient-to-b-purple-500 { background-image: linear-gradient(to bottom, #a855f7, transparent); }
.bg-gradient-to-b-purple-600 { background-image: linear-gradient(to bottom, #9333ea, transparent); }
.bg-gradient-to-b-purple-700 { background-image: linear-gradient(to bottom, #7e22ce, transparent); }
.bg-gradient-to-b-purple-800 { background-image: linear-gradient(to bottom, #6b21a8, transparent); }
.bg-gradient-to-b-purple-900 { background-image: linear-gradient(to bottom, #581c87, transparent); }
.bg-gradient-to-b-purple-950 { background-image: linear-gradient(to bottom, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-b-fuchsia-50 background-image: linear-gradient(to top, bottom: #fdf4ff, transparent); }
.bg-gradient-to-b-fuchsia-100 background-image: linear-gradient(to top, bottom: #fae8ff, transparent); }
.bg-gradient-to-b-fuchsia-200 background-image: linear-gradient(to top, bottom: #f5d0fe, transparent); }
.bg-gradient-to-b-fuchsia-300 background-image: linear-gradient(to top, bottom: #f0abfc, transparent); }
.bg-gradient-to-b-fuchsia-400 background-image: linear-gradient(to top, bottom: #e879f9, transparent); }
.bg-gradient-to-b-fuchsia-500 background-image: linear-gradient(to top, bottom: #d946ef, transparent); }
.bg-gradient-to-b-fuchsia-600 background-image: linear-gradient(to top, bottom: #c026d3, transparent); }
.bg-gradient-to-b-fuchsia-700 background-image: linear-gradient(to top, bottom: #a21caf, transparent); }
.bg-gradient-to-b-fuchsia-800 background-image: linear-gradient(to top, bottom: #86198f, transparent); }
.bg-gradient-to-b-fuchsia-900 background-image: linear-gradient(to top, bottom: #701a75, transparent); }
.bg-gradient-to-b-fuchsia-950 background-image: linear-gradient(to top, bottom: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-b-pink-50 { background-image: linear-gradient(to bottom, #fdf2f8, transparent); }
.bg-gradient-to-b-pink-100 { background-image: linear-gradient(to bottom, #fce7f3, transparent); }
.bg-gradient-to-b-pink-200 { background-image: linear-gradient(to bottom, #fbcfe8, transparent); }
.bg-gradient-to-b-pink-300 { background-image: linear-gradient(to bottom, #f9a8d4, transparent); }
.bg-gradient-to-b-pink-400 { background-image: linear-gradient(to bottom, #f472b6, transparent); }
.bg-gradient-to-b-pink-500 { background-image: linear-gradient(to bottom, #ec4899, transparent); }
.bg-gradient-to-b-pink-600 { background-image: linear-gradient(to bottom, #db2777, transparent); }
.bg-gradient-to-b-pink-700 { background-image: linear-gradient(to bottom, #be185d, transparent); }
.bg-gradient-to-b-pink-800 { background-image: linear-gradient(to bottom, #9d174d, transparent); }
.bg-gradient-to-b-pink-900 { background-image: linear-gradient(to bottom, #831843, transparent); }
.bg-gradient-to-b-pink-950 { background-image: linear-gradient(to bottom, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-b-rose-50 { background-image: linear-gradient(to bottom, #fff1f2, transparent); }
.bg-gradient-to-b-rose-100 { background-image: linear-gradient(to bottom, #ffe4e6, transparent); }
.bg-gradient-to-b-rose-200 { background-image: linear-gradient(to bottom, #fecdd3, transparent); }
.bg-gradient-to-b-rose-300 { background-image: linear-gradient(to bottom, #fda4af, transparent); }
.bg-gradient-to-b-rose-400 { background-image: linear-gradient(to bottom, #fb7185, transparent); }
.bg-gradient-to-b-rose-500 { background-image: linear-gradient(to bottom, #f43f5e, transparent); }
.bg-gradient-to-b-rose-600 { background-image: linear-gradient(to bottom, #e11d48, transparent); }
.bg-gradient-to-b-rose-700 { background-image: linear-gradient(to bottom, #be123c, transparent); }
.bg-gradient-to-b-rose-800 { background-image: linear-gradient(to bottom, #9f1239, transparent); }
.bg-gradient-to-b-rose-900 { background-image: linear-gradient(to bottom, #881337, transparent); }
.bg-gradient-to-b-rose-950 { background-image: linear-gradient(to bottom, #4c0519, transparent); }


/* Gradient top left */
/* Slate Colors */
.bg-gradient-to-tl-slate-50 { background-image: linear-gradient(to top left, #f8fafc, transparent); }
.bg-gradient-to-tl-slate-100 { background-image: linear-gradient(to top left, #f1f5f9, transparent); }
.bg-gradient-to-tl-slate-200 { background-image: linear-gradient(to top left, #e2e8f0, transparent); }
.bg-gradient-to-tl-slate-300 { background-image: linear-gradient(to top left, #cbd5e1, transparent); }
.bg-gradient-to-tl-slate-400 { background-image: linear-gradient(to top left, #94a3b8, transparent); }
.bg-gradient-to-tl-slate-500 { background-image: linear-gradient(to top left, #64748b, transparent); }
.bg-gradient-to-tl-slate-600 { background-image: linear-gradient(to top left, #475569, transparent); }
.bg-gradient-to-tl-slate-700 { background-image: linear-gradient(to top left, #334155, transparent); }
.bg-gradient-to-tl-slate-800 { background-image: linear-gradient(to top left, #1e293b, transparent); }
.bg-gradient-to-tl-slate-900 { background-image: linear-gradient(to top left, #0f172a, transparent); }
.bg-gradient-to-tl-slate-950 { background-image: linear-gradient(to top left, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-tl-gray-50 { background-image: linear-gradient(to top left, #f9fafb, transparent); }
.bg-gradient-to-tl-gray-100 { background-image: linear-gradient(to top left, #f3f4f6, transparent); }
.bg-gradient-to-tl-gray-200 { background-image: linear-gradient(to top left, #e5e7eb, transparent); }
.bg-gradient-to-tl-gray-300 { background-image: linear-gradient(to top left, #d1d5db, transparent); }
.bg-gradient-to-tl-gray-400 { background-image: linear-gradient(to top left, #9ca3af, transparent); }
.bg-gradient-to-tl-gray-500 { background-image: linear-gradient(to top left, #6b7280, transparent); }
.bg-gradient-to-tl-gray-600 { background-image: linear-gradient(to top left, #4b5563, transparent); }
.bg-gradient-to-tl-gray-700 { background-image: linear-gradient(to top left, #374151, transparent); }
.bg-gradient-to-tl-gray-800 { background-image: linear-gradient(to top left, #1f2937, transparent); }
.bg-gradient-to-tl-gray-900 { background-image: linear-gradient(to top left, #111827, transparent); }
.bg-gradient-to-tl-gray-950 { background-image: linear-gradient(to top left, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-tl-zinc-50 { background-image: linear-gradient(to top left, #fafafa, transparent); }
.bg-gradient-to-tl-zinc-100 { background-image: linear-gradient(to top left, #f4f4f5, transparent); }
.bg-gradient-to-tl-zinc-200 { background-image: linear-gradient(to top left, #e4e4e7, transparent); }
.bg-gradient-to-tl-zinc-300 { background-image: linear-gradient(to top left, #d4d4d8, transparent); }
.bg-gradient-to-tl-zinc-400 { background-image: linear-gradient(to top left, #a1a1aa, transparent); }
.bg-gradient-to-tl-zinc-500 { background-image: linear-gradient(to top left, #71717a, transparent); }
.bg-gradient-to-tl-zinc-600 { background-image: linear-gradient(to top left, #52525b, transparent); }
.bg-gradient-to-tl-zinc-700 { background-image: linear-gradient(to top left, #3f3f46, transparent); }
.bg-gradient-to-tl-zinc-800 { background-image: linear-gradient(to top left, #27272a, transparent); }
.bg-gradient-to-tl-zinc-900 { background-image: linear-gradient(to top left, #18181b, transparent); }
.bg-gradient-to-tl-zinc-950 { background-image: linear-gradient(to top left, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-tl-neutral-50 background-image: linear-gradient(to top,top left: #fafafa, transparent); }
.bg-gradient-to-tl-neutral-100 background-image: linear-gradient(to top,top left: #f5f5f5, transparent); }
.bg-gradient-to-tl-neutral-200 background-image: linear-gradient(to top,top left: #e5e5e5, transparent); }
.bg-gradient-to-tl-neutral-300 background-image: linear-gradient(to top,top left: #d4d4d4, transparent); }
.bg-gradient-to-tl-neutral-400 background-image: linear-gradient(to top,top left: #a3a3a3, transparent); }
.bg-gradient-to-tl-neutral-500 background-image: linear-gradient(to top,top left: #737373, transparent); }
.bg-gradient-to-tl-neutral-600 background-image: linear-gradient(to top,top left: #525252, transparent); }
.bg-gradient-to-tl-neutral-700 background-image: linear-gradient(to top,top left: #404040, transparent); }
.bg-gradient-to-tl-neutral-800 background-image: linear-gradient(to top,top left: #262626, transparent); }
.bg-gradient-to-tl-neutral-900 background-image: linear-gradient(to top,top left: #171717, transparent); }
.bg-gradient-to-tl-neutral-950 background-image: linear-gradient(to top,top left: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-tl-stone-50 { background-image: linear-gradient(to top left, #fafaf9, transparent); }
.bg-gradient-to-tl-stone-100 { background-image: linear-gradient(to top left, #f5f5f4, transparent); }
.bg-gradient-to-tl-stone-200 { background-image: linear-gradient(to top left, #e7e5e4, transparent); }
.bg-gradient-to-tl-stone-300 { background-image: linear-gradient(to top left, #d6d3d1, transparent); }
.bg-gradient-to-tl-stone-400 { background-image: linear-gradient(to top left, #a8a29e, transparent); }
.bg-gradient-to-tl-stone-500 { background-image: linear-gradient(to top left, #78716c, transparent); }
.bg-gradient-to-tl-stone-600 { background-image: linear-gradient(to top left, #57534e, transparent); }
.bg-gradient-to-tl-stone-700 { background-image: linear-gradient(to top left, #44403c, transparent); }
.bg-gradient-to-tl-stone-800 { background-image: linear-gradient(to top left, #292524, transparent); }
.bg-gradient-to-tl-stone-900 { background-image: linear-gradient(to top left, #1c1917, transparent); }
.bg-gradient-to-tl-stone-950 { background-image: linear-gradient(to top left, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-tl-red-50 { border-background-image: linear-gradient(top left top, f2f2, transparent); }
.bg-gradient-to-tl-red-100 { background-image: linear-gradient(to top left, #fee2e2, transparent); }
.bg-gradient-to-tl-red-200 { background-image: linear-gradient(to top left, #fecaca, transparent); }
.bg-gradient-to-tl-red-300 { background-image: linear-gradient(to top left, #fca5a5, transparent); }
.bg-gradient-to-tl-red-400 { background-image: linear-gradient(to top left, #f87171, transparent); }
.bg-gradient-to-tl-red-500 { background-image: linear-gradient(to top left, #ef4444, transparent); }
.bg-gradient-to-tl-red-600 { background-image: linear-gradient(to top left, #dc2626, transparent); }
.bg-gradient-to-tl-red-700 { background-image: linear-gradient(to top left, #b91c1c, transparent); }
.bg-gradient-to-tl-red-800 { background-image: linear-gradient(to top left, #991b1b, transparent); }
.bg-gradient-to-tl-red-900 { background-image: linear-gradient(to top left, #7f1d1d, transparent); }
.bg-gradient-to-tl-red-950 { background-image: linear-gradient(to top left, #450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-tl-orange-50 { background-image: linear-gradient(to top left, #fff7ed, transparent); }
.bg-gradient-to-tl-orange-100 { background-image: linear-gradient(to top left, #ffedd5, transparent); }
.bg-gradient-to-tl-orange-200 { background-image: linear-gradient(to top left, #fed7aa, transparent); }
.bg-gradient-to-tl-orange-300 { background-image: linear-gradient(to top left, #fdba74, transparent); }
.bg-gradient-to-tl-orange-400 { background-image: linear-gradient(to top left, #fb923c, transparent); }
.bg-gradient-to-tl-orange-500 { background-image: linear-gradient(to top left, #f97316, transparent); }
.bg-gradient-to-tl-orange-600 { background-image: linear-gradient(to top left, #ea580c, transparent); }
.bg-gradient-to-tl-orange-700 { background-image: linear-gradient(to top left, #c2410c, transparent); }
.bg-gradient-to-tl-orange-800 { background-image: linear-gradient(to top left, #9a3412, transparent); }
.bg-gradient-to-tl-orange-900 { background-image: linear-gradient(to top left, #7c2d12, transparent); }
.bg-gradient-to-tl-orange-950 { background-image: linear-gradient(to top left, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-tl-amber-50 { background-image: linear-gradient(to top left, #fffbeb, transparent); }
.bg-gradient-to-tl-amber-100 { background-image: linear-gradient(to top left, #fef3c7, transparent); }
.bg-gradient-to-tl-amber-200 { background-image: linear-gradient(to top left, #fde68a, transparent); }
.bg-gradient-to-tl-amber-300 { background-image: linear-gradient(to top left, #fcd34d, transparent); }
.bg-gradient-to-tl-amber-400 { background-image: linear-gradient(to top left, #fbbf24, transparent); }
.bg-gradient-to-tl-amber-500 { background-image: linear-gradient(to top left, #f59e0b, transparent); }
.bg-gradient-to-tl-amber-600 { background-image: linear-gradient(to top left, #d97706, transparent); }
.bg-gradient-to-tl-amber-700 { background-image: linear-gradient(to top left, #b45309, transparent); }
.bg-gradient-to-tl-amber-800 { background-image: linear-gradient(to top left, #92400e, transparent); }
.bg-gradient-to-tl-amber-900 { background-image: linear-gradient(to top left, #78350f, transparent); }
.bg-gradient-to-tl-amber-950 { background-image: linear-gradient(to top left, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-tl-yellow-50 { background-image: linear-gradient(to top left, #fefce8, transparent); }
.bg-gradient-to-tl-yellow-100 { background-image: linear-gradient(to top left, #fef9c3, transparent); }
.bg-gradient-to-tl-yellow-200 { background-image: linear-gradient(to top left, #fef08a, transparent); }
.bg-gradient-to-tl-yellow-300 { background-image: linear-gradient(to top left, #fde047, transparent); }
.bg-gradient-to-tl-yellow-400 { background-image: linear-gradient(to top left, #facc15, transparent); }
.bg-gradient-to-tl-yellow-500 { background-image: linear-gradient(to top left, #eab308, transparent); }
.bg-gradient-to-tl-yellow-600 { background-image: linear-gradient(to top left, #ca8a04, transparent); }
.bg-gradient-to-tl-yellow-700 { background-image: linear-gradient(to top left, #a16207, transparent); }
.bg-gradient-to-tl-yellow-800 { background-image: linear-gradient(to top left, #854d0e, transparent); }
.bg-gradient-to-tl-yellow-900 { background-image: linear-gradient(to top left, #713f12, transparent); }
.bg-gradient-to-tl-yellow-950 { background-image: linear-gradient(to top left, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-tl-lime-50 { background-image: linear-gradient(to top left, #f7fee7, transparent); }
.bg-gradient-to-tl-lime-100 { background-image: linear-gradient(to top left, #ecfccb, transparent); }
.bg-gradient-to-tl-lime-200 { background-image: linear-gradient(to top left, #d9f99d, transparent); }
.bg-gradient-to-tl-lime-300 { background-image: linear-gradient(to top left, #bef264, transparent); }
.bg-gradient-to-tl-lime-400 { background-image: linear-gradient(to top left, #a3e635, transparent); }
.bg-gradient-to-tl-lime-500 { background-image: linear-gradient(to top left, #84cc16, transparent); }
.bg-gradient-to-tl-lime-600 { background-image: linear-gradient(to top left, #65a30d, transparent); }
.bg-gradient-to-tl-lime-700 { background-image: linear-gradient(to top left, #4d7c0f, transparent); }
.bg-gradient-to-tl-lime-800 { background-image: linear-gradient(to top left, #3f6212, transparent); }
.bg-gradient-to-tl-lime-900 { background-image: linear-gradient(to top left, #365314, transparent); }
.bg-gradient-to-tl-lime-950 { background-image: linear-gradient(to top left, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-tl-green-50 { background-image: linear-gradient(to top left, #f0fdf4, transparent); }
.bg-gradient-to-tl-green-100 { background-image: linear-gradient(to top left, #dcfce7, transparent); }
.bg-gradient-to-tl-green-200 { background-image: linear-gradient(to top left, #bbf7d0, transparent); }
.bg-gradient-to-tl-green-300 { background-image: linear-gradient(to top left, #86efac, transparent); }
.bg-gradient-to-tl-green-400 { background-image: linear-gradient(to top left, #4ade80, transparent); }
.bg-gradient-to-tl-green-500 { background-image: linear-gradient(to top left, #22c55e, transparent); }
.bg-gradient-to-tl-green-600 { background-image: linear-gradient(to top left, #16a34a, transparent); }
.bg-gradient-to-tl-green-700 { background-image: linear-gradient(to top left, #15803d, transparent); }
.bg-gradient-to-tl-green-800 { background-image: linear-gradient(to top left, #166534, transparent); }
.bg-gradient-to-tl-green-900 { background-image: linear-gradient(to top left, #14532d, transparent); }
.bg-gradient-to-tl-green-950 { background-image: linear-gradient(to top left, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-tl-emerald-50 background-image: linear-gradient(to top,top left: #ecfdf5, transparent); }
.bg-gradient-to-tl-emerald-100 background-image: linear-gradient(to top,top left: #d1fae5, transparent); }
.bg-gradient-to-tl-emerald-200 background-image: linear-gradient(to top,top left: #a7f3d0, transparent); }
.bg-gradient-to-tl-emerald-300 background-image: linear-gradient(to top,top left: #6ee7b7, transparent); }
.bg-gradient-to-tl-emerald-400 background-image: linear-gradient(to top,top left: #34d399, transparent); }
.bg-gradient-to-tl-emerald-500 background-image: linear-gradient(to top,top left: #10b981, transparent); }
.bg-gradient-to-tl-emerald-600 background-image: linear-gradient(to top,top left: #059669, transparent); }
.bg-gradient-to-tl-emerald-700 background-image: linear-gradient(to top,top left: #047857, transparent); }
.bg-gradient-to-tl-emerald-800 background-image: linear-gradient(to top,top left: #065f46, transparent); }
.bg-gradient-to-tl-emerald-900 background-image: linear-gradient(to top,top left: #064e3b, transparent); }
.bg-gradient-to-tl-emerald-950 background-image: linear-gradient(to top,top left: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-tl-teal-50 { background-image: linear-gradient(to top left, #f0fdfa, transparent); }
.bg-gradient-to-tl-teal-100 { background-image: linear-gradient(to top left, #ccfbf1, transparent); }
.bg-gradient-to-tl-teal-200 { background-image: linear-gradient(to top left, #99f6e4, transparent); }
.bg-gradient-to-tl-teal-300 { background-image: linear-gradient(to top left, #5eead4, transparent); }
.bg-gradient-to-tl-teal-400 { background-image: linear-gradient(to top left, #2dd4bf, transparent); }
.bg-gradient-to-tl-teal-500 { background-image: linear-gradient(to top left, #14b8a6, transparent); }
.bg-gradient-to-tl-teal-600 { background-image: linear-gradient(to top left, #0d9488, transparent); }
.bg-gradient-to-tl-teal-700 { background-image: linear-gradient(to top left, #0f766e, transparent); }
.bg-gradient-to-tl-teal-800 { background-image: linear-gradient(to top left, #115e59, transparent); }
.bg-gradient-to-tl-teal-900 { background-image: linear-gradient(to top left, #134e4a, transparent); }
.bg-gradient-to-tl-teal-950 { background-image: linear-gradient(to top left, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-tl-cyan-50 { background-image: linear-gradient(to top left, #ecfeff, transparent); }
.bg-gradient-to-tl-cyan-100 { background-image: linear-gradient(to top left, #cffafe, transparent); }
.bg-gradient-to-tl-cyan-200 { background-image: linear-gradient(to top left, #a5f3fc, transparent); }
.bg-gradient-to-tl-cyan-300 { background-image: linear-gradient(to top left, #67e8f9, transparent); }
.bg-gradient-to-tl-cyan-400 { background-image: linear-gradient(to top left, #22d3ee, transparent); }
.bg-gradient-to-tl-cyan-500 { background-image: linear-gradient(to top left, #06b6d4, transparent); }
.bg-gradient-to-tl-cyan-600 { background-image: linear-gradient(to top left, #0891b2, transparent); }
.bg-gradient-to-tl-cyan-700 { background-image: linear-gradient(to top left, #0e7490, transparent); }
.bg-gradient-to-tl-cyan-800 { background-image: linear-gradient(to top left, #155e75, transparent); }
.bg-gradient-to-tl-cyan-900 { background-image: linear-gradient(to top left, #164e63, transparent); }
.bg-gradient-to-tl-cyan-950 { background-image: linear-gradient(to top left, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-tl-sky-50 { border-background-image: linear-gradient(top left top, f9ff, transparent); }
.bg-gradient-to-tl-sky-100 { background-image: linear-gradient(to top left, #e0f2fe, transparent); }
.bg-gradient-to-tl-sky-200 { background-image: linear-gradient(to top left, #bae6fd, transparent); }
.bg-gradient-to-tl-sky-300 { background-image: linear-gradient(to top left, #7dd3fc, transparent); }
.bg-gradient-to-tl-sky-400 { background-image: linear-gradient(to top left, #38bdf8, transparent); }
.bg-gradient-to-tl-sky-500 { background-image: linear-gradient(to top left, #0ea5e9, transparent); }
.bg-gradient-to-tl-sky-600 { background-image: linear-gradient(to top left, #0284c7, transparent); }
.bg-gradient-to-tl-sky-700 { background-image: linear-gradient(to top left, #0369a1, transparent); }
.bg-gradient-to-tl-sky-800 { background-image: linear-gradient(to top left, #075985, transparent); }
.bg-gradient-to-tl-sky-900 { background-image: linear-gradient(to top left, #0c4a6e, transparent); }
.bg-gradient-to-tl-sky-950 { background-image: linear-gradient(to top left, #082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-tl-blue-50 { background-image: linear-gradient(to top left, #eff6ff, transparent); }
.bg-gradient-to-tl-blue-100 { background-image: linear-gradient(to top left, #dbeafe, transparent); }
.bg-gradient-to-tl-blue-200 { background-image: linear-gradient(to top left, #bfdbfe, transparent); }
.bg-gradient-to-tl-blue-300 { background-image: linear-gradient(to top left, #93c5fd, transparent); }
.bg-gradient-to-tl-blue-400 { background-image: linear-gradient(to top left, #60a5fa, transparent); }
.bg-gradient-to-tl-blue-500 { background-image: linear-gradient(to top left, #3b82f6, transparent); }
.bg-gradient-to-tl-blue-600 { background-image: linear-gradient(to top left, #2563eb, transparent); }
.bg-gradient-to-tl-blue-700 { background-image: linear-gradient(to top left, #1d4ed8, transparent); }
.bg-gradient-to-tl-blue-800 { background-image: linear-gradient(to top left, #1e40af, transparent); }
.bg-gradient-to-tl-blue-900 { background-image: linear-gradient(to top left, #1e3a8a, transparent); }
.bg-gradient-to-tl-blue-950 { background-image: linear-gradient(to top left, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-tl-indigo-50 { background-image: linear-gradient(to top left, #eef2ff, transparent); }
.bg-gradient-to-tl-indigo-100 { background-image: linear-gradient(to top left, #e0e7ff, transparent); }
.bg-gradient-to-tl-indigo-200 { background-image: linear-gradient(to top left, #c7d2fe, transparent); }
.bg-gradient-to-tl-indigo-300 { background-image: linear-gradient(to top left, #a5b4fc, transparent); }
.bg-gradient-to-tl-indigo-400 { background-image: linear-gradient(to top left, #818cf8, transparent); }
.bg-gradient-to-tl-indigo-500 { background-image: linear-gradient(to top left, #6366f1, transparent); }
.bg-gradient-to-tl-indigo-600 { background-image: linear-gradient(to top left, #4f46e5, transparent); }
.bg-gradient-to-tl-indigo-700 { background-image: linear-gradient(to top left, #4338ca, transparent); }
.bg-gradient-to-tl-indigo-800 { background-image: linear-gradient(to top left, #3730a3, transparent); }
.bg-gradient-to-tl-indigo-900 { background-image: linear-gradient(to top left, #312e81, transparent); }
.bg-gradient-to-tl-indigo-950 { background-image: linear-gradient(to top left, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-tl-violet-50 { background-image: linear-gradient(to top left, #f5f3ff, transparent); }
.bg-gradient-to-tl-violet-100 { background-image: linear-gradient(to top left, #ede9fe, transparent); }
.bg-gradient-to-tl-violet-200 { background-image: linear-gradient(to top left, #ddd6fe, transparent); }
.bg-gradient-to-tl-violet-300 { background-image: linear-gradient(to top left, #c4b5fd, transparent); }
.bg-gradient-to-tl-violet-400 { background-image: linear-gradient(to top left, #a78bfa, transparent); }
.bg-gradient-to-tl-violet-500 { background-image: linear-gradient(to top left, #8b5cf6, transparent); }
.bg-gradient-to-tl-violet-600 { background-image: linear-gradient(to top left, #7c3aed, transparent); }
.bg-gradient-to-tl-violet-700 { background-image: linear-gradient(to top left, #6d28d9, transparent); }
.bg-gradient-to-tl-violet-800 { background-image: linear-gradient(to top left, #5b21b6, transparent); }
.bg-gradient-to-tl-violet-900 { background-image: linear-gradient(to top left, #4c1d95, transparent); }
.bg-gradient-to-tl-violet-950 { background-image: linear-gradient(to top left, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-tl-purple-50 { background-image: linear-gradient(to top left, #faf5ff, transparent); }
.bg-gradient-to-tl-purple-100 { background-image: linear-gradient(to top left, #f3e8ff, transparent); }
.bg-gradient-to-tl-purple-200 { background-image: linear-gradient(to top left, #e9d5ff, transparent); }
.bg-gradient-to-tl-purple-300 { background-image: linear-gradient(to top left, #d8b4fe, transparent); }
.bg-gradient-to-tl-purple-400 { background-image: linear-gradient(to top left, #c084fc, transparent); }
.bg-gradient-to-tl-purple-500 { background-image: linear-gradient(to top left, #a855f7, transparent); }
.bg-gradient-to-tl-purple-600 { background-image: linear-gradient(to top left, #9333ea, transparent); }
.bg-gradient-to-tl-purple-700 { background-image: linear-gradient(to top left, #7e22ce, transparent); }
.bg-gradient-to-tl-purple-800 { background-image: linear-gradient(to top left, #6b21a8, transparent); }
.bg-gradient-to-tl-purple-900 { background-image: linear-gradient(to top left, #581c87, transparent); }
.bg-gradient-to-tl-purple-950 { background-image: linear-gradient(to top left, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-tl-fuchsia-50 background-image: linear-gradient(to top,top left: #fdf4ff, transparent); }
.bg-gradient-to-tl-fuchsia-100 background-image: linear-gradient(to top,top left: #fae8ff, transparent); }
.bg-gradient-to-tl-fuchsia-200 background-image: linear-gradient(to top,top left: #f5d0fe, transparent); }
.bg-gradient-to-tl-fuchsia-300 background-image: linear-gradient(to top,top left: #f0abfc, transparent); }
.bg-gradient-to-tl-fuchsia-400 background-image: linear-gradient(to top,top left: #e879f9, transparent); }
.bg-gradient-to-tl-fuchsia-500 background-image: linear-gradient(to top,top left: #d946ef, transparent); }
.bg-gradient-to-tl-fuchsia-600 background-image: linear-gradient(to top,top left: #c026d3, transparent); }
.bg-gradient-to-tl-fuchsia-700 background-image: linear-gradient(to top,top left: #a21caf, transparent); }
.bg-gradient-to-tl-fuchsia-800 background-image: linear-gradient(to top,top left: #86198f, transparent); }
.bg-gradient-to-tl-fuchsia-900 background-image: linear-gradient(to top,top left: #701a75, transparent); }
.bg-gradient-to-tl-fuchsia-950 background-image: linear-gradient(to top,top left: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-tl-pink-50 { background-image: linear-gradient(to top left, #fdf2f8, transparent); }
.bg-gradient-to-tl-pink-100 { background-image: linear-gradient(to top left, #fce7f3, transparent); }
.bg-gradient-to-tl-pink-200 { background-image: linear-gradient(to top left, #fbcfe8, transparent); }
.bg-gradient-to-tl-pink-300 { background-image: linear-gradient(to top left, #f9a8d4, transparent); }
.bg-gradient-to-tl-pink-400 { background-image: linear-gradient(to top left, #f472b6, transparent); }
.bg-gradient-to-tl-pink-500 { background-image: linear-gradient(to top left, #ec4899, transparent); }
.bg-gradient-to-tl-pink-600 { background-image: linear-gradient(to top left, #db2777, transparent); }
.bg-gradient-to-tl-pink-700 { background-image: linear-gradient(to top left, #be185d, transparent); }
.bg-gradient-to-tl-pink-800 { background-image: linear-gradient(to top left, #9d174d, transparent); }
.bg-gradient-to-tl-pink-900 { background-image: linear-gradient(to top left, #831843, transparent); }
.bg-gradient-to-tl-pink-950 { background-image: linear-gradient(to top left, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-tl-rose-50 { background-image: linear-gradient(to top left, #fff1f2, transparent); }
.bg-gradient-to-tl-rose-100 { background-image: linear-gradient(to top left, #ffe4e6, transparent); }
.bg-gradient-to-tl-rose-200 { background-image: linear-gradient(to top left, #fecdd3, transparent); }
.bg-gradient-to-tl-rose-300 { background-image: linear-gradient(to top left, #fda4af, transparent); }
.bg-gradient-to-tl-rose-400 { background-image: linear-gradient(to top left, #fb7185, transparent); }
.bg-gradient-to-tl-rose-500 { background-image: linear-gradient(to top left, #f43f5e, transparent); }
.bg-gradient-to-tl-rose-600 { background-image: linear-gradient(to top left, #e11d48, transparent); }
.bg-gradient-to-tl-rose-700 { background-image: linear-gradient(to top left, #be123c, transparent); }
.bg-gradient-to-tl-rose-800 { background-image: linear-gradient(to top left, #9f1239, transparent); }
.bg-gradient-to-tl-rose-900 { background-image: linear-gradient(to top left, #881337, transparent); }
.bg-gradient-to-tl-rose-950 { background-image: linear-gradient(to top left, #4c0519, transparent); }


/* Gradient top right */
/* Slate Colors */
.bg-gradient-to-tr-slate-50 { background-image: linear-gradient(to top right, #f8fafc, transparent); }
.bg-gradient-to-tr-slate-100 { background-image: linear-gradient(to top right, #f1f5f9, transparent); }
.bg-gradient-to-tr-slate-200 { background-image: linear-gradient(to top right, #e2e8f0, transparent); }
.bg-gradient-to-tr-slate-300 { background-image: linear-gradient(to top right, #cbd5e1, transparent); }
.bg-gradient-to-tr-slate-400 { background-image: linear-gradient(to top right, #94a3b8, transparent); }
.bg-gradient-to-tr-slate-500 { background-image: linear-gradient(to top right, #64748b, transparent); }
.bg-gradient-to-tr-slate-600 { background-image: linear-gradient(to top right, #475569, transparent); }
.bg-gradient-to-tr-slate-700 { background-image: linear-gradient(to top right, #334155, transparent); }
.bg-gradient-to-tr-slate-800 { background-image: linear-gradient(to top right, #1e293b, transparent); }
.bg-gradient-to-tr-slate-900 { background-image: linear-gradient(to top right, #0f172a, transparent); }
.bg-gradient-to-tr-slate-950 { background-image: linear-gradient(to top right, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-tr-gray-50 { background-image: linear-gradient(to top right, #f9fafb, transparent); }
.bg-gradient-to-tr-gray-100 { background-image: linear-gradient(to top right, #f3f4f6, transparent); }
.bg-gradient-to-tr-gray-200 { background-image: linear-gradient(to top right, #e5e7eb, transparent); }
.bg-gradient-to-tr-gray-300 { background-image: linear-gradient(to top right, #d1d5db, transparent); }
.bg-gradient-to-tr-gray-400 { background-image: linear-gradient(to top right, #9ca3af, transparent); }
.bg-gradient-to-tr-gray-500 { background-image: linear-gradient(to top right, #6b7280, transparent); }
.bg-gradient-to-tr-gray-600 { background-image: linear-gradient(to top right, #4b5563, transparent); }
.bg-gradient-to-tr-gray-700 { background-image: linear-gradient(to top right, #374151, transparent); }
.bg-gradient-to-tr-gray-800 { background-image: linear-gradient(to top right, #1f2937, transparent); }
.bg-gradient-to-tr-gray-900 { background-image: linear-gradient(to top right, #111827, transparent); }
.bg-gradient-to-tr-gray-950 { background-image: linear-gradient(to top right, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-tr-zinc-50 { background-image: linear-gradient(to top right, #fafafa, transparent); }
.bg-gradient-to-tr-zinc-100 { background-image: linear-gradient(to top right, #f4f4f5, transparent); }
.bg-gradient-to-tr-zinc-200 { background-image: linear-gradient(to top right, #e4e4e7, transparent); }
.bg-gradient-to-tr-zinc-300 { background-image: linear-gradient(to top right, #d4d4d8, transparent); }
.bg-gradient-to-tr-zinc-400 { background-image: linear-gradient(to top right, #a1a1aa, transparent); }
.bg-gradient-to-tr-zinc-500 { background-image: linear-gradient(to top right, #71717a, transparent); }
.bg-gradient-to-tr-zinc-600 { background-image: linear-gradient(to top right, #52525b, transparent); }
.bg-gradient-to-tr-zinc-700 { background-image: linear-gradient(to top right, #3f3f46, transparent); }
.bg-gradient-to-tr-zinc-800 { background-image: linear-gradient(to top right, #27272a, transparent); }
.bg-gradient-to-tr-zinc-900 { background-image: linear-gradient(to top right, #18181b, transparent); }
.bg-gradient-to-tr-zinc-950 { background-image: linear-gradient(to top right, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-tr-neutral-50 background-image: linear-gradient(to top,top right: #fafafa, transparent); }
.bg-gradient-to-tr-neutral-100 background-image: linear-gradient(to top,top right: #f5f5f5, transparent); }
.bg-gradient-to-tr-neutral-200 background-image: linear-gradient(to top,top right: #e5e5e5, transparent); }
.bg-gradient-to-tr-neutral-300 background-image: linear-gradient(to top,top right: #d4d4d4, transparent); }
.bg-gradient-to-tr-neutral-400 background-image: linear-gradient(to top,top right: #a3a3a3, transparent); }
.bg-gradient-to-tr-neutral-500 background-image: linear-gradient(to top,top right: #737373, transparent); }
.bg-gradient-to-tr-neutral-600 background-image: linear-gradient(to top,top right: #525252, transparent); }
.bg-gradient-to-tr-neutral-700 background-image: linear-gradient(to top,top right: #404040, transparent); }
.bg-gradient-to-tr-neutral-800 background-image: linear-gradient(to top,top right: #262626, transparent); }
.bg-gradient-to-tr-neutral-900 background-image: linear-gradient(to top,top right: #171717, transparent); }
.bg-gradient-to-tr-neutral-950 background-image: linear-gradient(to top,top right: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-tr-stone-50 { background-image: linear-gradient(to top right, #fafaf9, transparent); }
.bg-gradient-to-tr-stone-100 { background-image: linear-gradient(to top right, #f5f5f4, transparent); }
.bg-gradient-to-tr-stone-200 { background-image: linear-gradient(to top right, #e7e5e4, transparent); }
.bg-gradient-to-tr-stone-300 { background-image: linear-gradient(to top right, #d6d3d1, transparent); }
.bg-gradient-to-tr-stone-400 { background-image: linear-gradient(to top right, #a8a29e, transparent); }
.bg-gradient-to-tr-stone-500 { background-image: linear-gradient(to top right, #78716c, transparent); }
.bg-gradient-to-tr-stone-600 { background-image: linear-gradient(to top right, #57534e, transparent); }
.bg-gradient-to-tr-stone-700 { background-image: linear-gradient(to top right, #44403c, transparent); }
.bg-gradient-to-tr-stone-800 { background-image: linear-gradient(to top right, #292524, transparent); }
.bg-gradient-to-tr-stone-900 { background-image: linear-gradient(to top right, #1c1917, transparent); }
.bg-gradient-to-tr-stone-950 { background-image: linear-gradient(to top right, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-tr-red-50 { border-background-image: linear-gradient(top right top, f2f2, transparent); }
.bg-gradient-to-tr-red-100 { background-image: linear-gradient(to top right, #fee2e2, transparent); }
.bg-gradient-to-tr-red-200 { background-image: linear-gradient(to top right, #fecaca, transparent); }
.bg-gradient-to-tr-red-300 { background-image: linear-gradient(to top right, #fca5a5, transparent); }
.bg-gradient-to-tr-red-400 { background-image: linear-gradient(to top right, #f87171, transparent); }
.bg-gradient-to-tr-red-500 { background-image: linear-gradient(to top right, #ef4444, transparent); }
.bg-gradient-to-tr-red-600 { background-image: linear-gradient(to top right, #dc2626, transparent); }
.bg-gradient-to-tr-red-700 { background-image: linear-gradient(to top right, #b91c1c, transparent); }
.bg-gradient-to-tr-red-800 { background-image: linear-gradient(to top right, #991b1b, transparent); }
.bg-gradient-to-tr-red-900 { background-image: linear-gradient(to top right, #7f1d1d, transparent); }
.bg-gradient-to-tr-red-950 { background-image: linear-gradient(to top right, #450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-tr-orange-50 { background-image: linear-gradient(to top right, #fff7ed, transparent); }
.bg-gradient-to-tr-orange-100 { background-image: linear-gradient(to top right, #ffedd5, transparent); }
.bg-gradient-to-tr-orange-200 { background-image: linear-gradient(to top right, #fed7aa, transparent); }
.bg-gradient-to-tr-orange-300 { background-image: linear-gradient(to top right, #fdba74, transparent); }
.bg-gradient-to-tr-orange-400 { background-image: linear-gradient(to top right, #fb923c, transparent); }
.bg-gradient-to-tr-orange-500 { background-image: linear-gradient(to top right, #f97316, transparent); }
.bg-gradient-to-tr-orange-600 { background-image: linear-gradient(to top right, #ea580c, transparent); }
.bg-gradient-to-tr-orange-700 { background-image: linear-gradient(to top right, #c2410c, transparent); }
.bg-gradient-to-tr-orange-800 { background-image: linear-gradient(to top right, #9a3412, transparent); }
.bg-gradient-to-tr-orange-900 { background-image: linear-gradient(to top right, #7c2d12, transparent); }
.bg-gradient-to-tr-orange-950 { background-image: linear-gradient(to top right, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-tr-amber-50 { background-image: linear-gradient(to top right, #fffbeb, transparent); }
.bg-gradient-to-tr-amber-100 { background-image: linear-gradient(to top right, #fef3c7, transparent); }
.bg-gradient-to-tr-amber-200 { background-image: linear-gradient(to top right, #fde68a, transparent); }
.bg-gradient-to-tr-amber-300 { background-image: linear-gradient(to top right, #fcd34d, transparent); }
.bg-gradient-to-tr-amber-400 { background-image: linear-gradient(to top right, #fbbf24, transparent); }
.bg-gradient-to-tr-amber-500 { background-image: linear-gradient(to top right, #f59e0b, transparent); }
.bg-gradient-to-tr-amber-600 { background-image: linear-gradient(to top right, #d97706, transparent); }
.bg-gradient-to-tr-amber-700 { background-image: linear-gradient(to top right, #b45309, transparent); }
.bg-gradient-to-tr-amber-800 { background-image: linear-gradient(to top right, #92400e, transparent); }
.bg-gradient-to-tr-amber-900 { background-image: linear-gradient(to top right, #78350f, transparent); }
.bg-gradient-to-tr-amber-950 { background-image: linear-gradient(to top right, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-tr-yellow-50 { background-image: linear-gradient(to top right, #fefce8, transparent); }
.bg-gradient-to-tr-yellow-100 { background-image: linear-gradient(to top right, #fef9c3, transparent); }
.bg-gradient-to-tr-yellow-200 { background-image: linear-gradient(to top right, #fef08a, transparent); }
.bg-gradient-to-tr-yellow-300 { background-image: linear-gradient(to top right, #fde047, transparent); }
.bg-gradient-to-tr-yellow-400 { background-image: linear-gradient(to top right, #facc15, transparent); }
.bg-gradient-to-tr-yellow-500 { background-image: linear-gradient(to top right, #eab308, transparent); }
.bg-gradient-to-tr-yellow-600 { background-image: linear-gradient(to top right, #ca8a04, transparent); }
.bg-gradient-to-tr-yellow-700 { background-image: linear-gradient(to top right, #a16207, transparent); }
.bg-gradient-to-tr-yellow-800 { background-image: linear-gradient(to top right, #854d0e, transparent); }
.bg-gradient-to-tr-yellow-900 { background-image: linear-gradient(to top right, #713f12, transparent); }
.bg-gradient-to-tr-yellow-950 { background-image: linear-gradient(to top right, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-tr-lime-50 { background-image: linear-gradient(to top right, #f7fee7, transparent); }
.bg-gradient-to-tr-lime-100 { background-image: linear-gradient(to top right, #ecfccb, transparent); }
.bg-gradient-to-tr-lime-200 { background-image: linear-gradient(to top right, #d9f99d, transparent); }
.bg-gradient-to-tr-lime-300 { background-image: linear-gradient(to top right, #bef264, transparent); }
.bg-gradient-to-tr-lime-400 { background-image: linear-gradient(to top right, #a3e635, transparent); }
.bg-gradient-to-tr-lime-500 { background-image: linear-gradient(to top right, #84cc16, transparent); }
.bg-gradient-to-tr-lime-600 { background-image: linear-gradient(to top right, #65a30d, transparent); }
.bg-gradient-to-tr-lime-700 { background-image: linear-gradient(to top right, #4d7c0f, transparent); }
.bg-gradient-to-tr-lime-800 { background-image: linear-gradient(to top right, #3f6212, transparent); }
.bg-gradient-to-tr-lime-900 { background-image: linear-gradient(to top right, #365314, transparent); }
.bg-gradient-to-tr-lime-950 { background-image: linear-gradient(to top right, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-tr-green-50 { background-image: linear-gradient(to top right, #f0fdf4, transparent); }
.bg-gradient-to-tr-green-100 { background-image: linear-gradient(to top right, #dcfce7, transparent); }
.bg-gradient-to-tr-green-200 { background-image: linear-gradient(to top right, #bbf7d0, transparent); }
.bg-gradient-to-tr-green-300 { background-image: linear-gradient(to top right, #86efac, transparent); }
.bg-gradient-to-tr-green-400 { background-image: linear-gradient(to top right, #4ade80, transparent); }
.bg-gradient-to-tr-green-500 { background-image: linear-gradient(to top right, #22c55e, transparent); }
.bg-gradient-to-tr-green-600 { background-image: linear-gradient(to top right, #16a34a, transparent); }
.bg-gradient-to-tr-green-700 { background-image: linear-gradient(to top right, #15803d, transparent); }
.bg-gradient-to-tr-green-800 { background-image: linear-gradient(to top right, #166534, transparent); }
.bg-gradient-to-tr-green-900 { background-image: linear-gradient(to top right, #14532d, transparent); }
.bg-gradient-to-tr-green-950 { background-image: linear-gradient(to top right, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-tr-emerald-50 background-image: linear-gradient(to top,top right: #ecfdf5, transparent); }
.bg-gradient-to-tr-emerald-100 background-image: linear-gradient(to top,top right: #d1fae5, transparent); }
.bg-gradient-to-tr-emerald-200 background-image: linear-gradient(to top,top right: #a7f3d0, transparent); }
.bg-gradient-to-tr-emerald-300 background-image: linear-gradient(to top,top right: #6ee7b7, transparent); }
.bg-gradient-to-tr-emerald-400 background-image: linear-gradient(to top,top right: #34d399, transparent); }
.bg-gradient-to-tr-emerald-500 background-image: linear-gradient(to top,top right: #10b981, transparent); }
.bg-gradient-to-tr-emerald-600 background-image: linear-gradient(to top,top right: #059669, transparent); }
.bg-gradient-to-tr-emerald-700 background-image: linear-gradient(to top,top right: #047857, transparent); }
.bg-gradient-to-tr-emerald-800 background-image: linear-gradient(to top,top right: #065f46, transparent); }
.bg-gradient-to-tr-emerald-900 background-image: linear-gradient(to top,top right: #064e3b, transparent); }
.bg-gradient-to-tr-emerald-950 background-image: linear-gradient(to top,top right: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-tr-teal-50 { background-image: linear-gradient(to top right, #f0fdfa, transparent); }
.bg-gradient-to-tr-teal-100 { background-image: linear-gradient(to top right, #ccfbf1, transparent); }
.bg-gradient-to-tr-teal-200 { background-image: linear-gradient(to top right, #99f6e4, transparent); }
.bg-gradient-to-tr-teal-300 { background-image: linear-gradient(to top right, #5eead4, transparent); }
.bg-gradient-to-tr-teal-400 { background-image: linear-gradient(to top right, #2dd4bf, transparent); }
.bg-gradient-to-tr-teal-500 { background-image: linear-gradient(to top right, #14b8a6, transparent); }
.bg-gradient-to-tr-teal-600 { background-image: linear-gradient(to top right, #0d9488, transparent); }
.bg-gradient-to-tr-teal-700 { background-image: linear-gradient(to top right, #0f766e, transparent); }
.bg-gradient-to-tr-teal-800 { background-image: linear-gradient(to top right, #115e59, transparent); }
.bg-gradient-to-tr-teal-900 { background-image: linear-gradient(to top right, #134e4a, transparent); }
.bg-gradient-to-tr-teal-950 { background-image: linear-gradient(to top right, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-tr-cyan-50 { background-image: linear-gradient(to top right, #ecfeff, transparent); }
.bg-gradient-to-tr-cyan-100 { background-image: linear-gradient(to top right, #cffafe, transparent); }
.bg-gradient-to-tr-cyan-200 { background-image: linear-gradient(to top right, #a5f3fc, transparent); }
.bg-gradient-to-tr-cyan-300 { background-image: linear-gradient(to top right, #67e8f9, transparent); }
.bg-gradient-to-tr-cyan-400 { background-image: linear-gradient(to top right, #22d3ee, transparent); }
.bg-gradient-to-tr-cyan-500 { background-image: linear-gradient(to top right, #06b6d4, transparent); }
.bg-gradient-to-tr-cyan-600 { background-image: linear-gradient(to top right, #0891b2, transparent); }
.bg-gradient-to-tr-cyan-700 { background-image: linear-gradient(to top right, #0e7490, transparent); }
.bg-gradient-to-tr-cyan-800 { background-image: linear-gradient(to top right, #155e75, transparent); }
.bg-gradient-to-tr-cyan-900 { background-image: linear-gradient(to top right, #164e63, transparent); }
.bg-gradient-to-tr-cyan-950 { background-image: linear-gradient(to top right, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-tr-sky-50 { border-background-image: linear-gradient(top right top, f9ff, transparent); }
.bg-gradient-to-tr-sky-100 { background-image: linear-gradient(to top right, #e0f2fe, transparent); }
.bg-gradient-to-tr-sky-200 { background-image: linear-gradient(to top right, #bae6fd, transparent); }
.bg-gradient-to-tr-sky-300 { background-image: linear-gradient(to top right, #7dd3fc, transparent); }
.bg-gradient-to-tr-sky-400 { background-image: linear-gradient(to top right, #38bdf8, transparent); }
.bg-gradient-to-tr-sky-500 { background-image: linear-gradient(to top right, #0ea5e9, transparent); }
.bg-gradient-to-tr-sky-600 { background-image: linear-gradient(to top right, #0284c7, transparent); }
.bg-gradient-to-tr-sky-700 { background-image: linear-gradient(to top right, #0369a1, transparent); }
.bg-gradient-to-tr-sky-800 { background-image: linear-gradient(to top right, #075985, transparent); }
.bg-gradient-to-tr-sky-900 { background-image: linear-gradient(to top right, #0c4a6e, transparent); }
.bg-gradient-to-tr-sky-950 { background-image: linear-gradient(to top right, #082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-tr-blue-50 { background-image: linear-gradient(to top right, #eff6ff, transparent); }
.bg-gradient-to-tr-blue-100 { background-image: linear-gradient(to top right, #dbeafe, transparent); }
.bg-gradient-to-tr-blue-200 { background-image: linear-gradient(to top right, #bfdbfe, transparent); }
.bg-gradient-to-tr-blue-300 { background-image: linear-gradient(to top right, #93c5fd, transparent); }
.bg-gradient-to-tr-blue-400 { background-image: linear-gradient(to top right, #60a5fa, transparent); }
.bg-gradient-to-tr-blue-500 { background-image: linear-gradient(to top right, #3b82f6, transparent); }
.bg-gradient-to-tr-blue-600 { background-image: linear-gradient(to top right, #2563eb, transparent); }
.bg-gradient-to-tr-blue-700 { background-image: linear-gradient(to top right, #1d4ed8, transparent); }
.bg-gradient-to-tr-blue-800 { background-image: linear-gradient(to top right, #1e40af, transparent); }
.bg-gradient-to-tr-blue-900 { background-image: linear-gradient(to top right, #1e3a8a, transparent); }
.bg-gradient-to-tr-blue-950 { background-image: linear-gradient(to top right, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-tr-indigo-50 { background-image: linear-gradient(to top right, #eef2ff, transparent); }
.bg-gradient-to-tr-indigo-100 { background-image: linear-gradient(to top right, #e0e7ff, transparent); }
.bg-gradient-to-tr-indigo-200 { background-image: linear-gradient(to top right, #c7d2fe, transparent); }
.bg-gradient-to-tr-indigo-300 { background-image: linear-gradient(to top right, #a5b4fc, transparent); }
.bg-gradient-to-tr-indigo-400 { background-image: linear-gradient(to top right, #818cf8, transparent); }
.bg-gradient-to-tr-indigo-500 { background-image: linear-gradient(to top right, #6366f1, transparent); }
.bg-gradient-to-tr-indigo-600 { background-image: linear-gradient(to top right, #4f46e5, transparent); }
.bg-gradient-to-tr-indigo-700 { background-image: linear-gradient(to top right, #4338ca, transparent); }
.bg-gradient-to-tr-indigo-800 { background-image: linear-gradient(to top right, #3730a3, transparent); }
.bg-gradient-to-tr-indigo-900 { background-image: linear-gradient(to top right, #312e81, transparent); }
.bg-gradient-to-tr-indigo-950 { background-image: linear-gradient(to top right, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-tr-violet-50 { background-image: linear-gradient(to top right, #f5f3ff, transparent); }
.bg-gradient-to-tr-violet-100 { background-image: linear-gradient(to top right, #ede9fe, transparent); }
.bg-gradient-to-tr-violet-200 { background-image: linear-gradient(to top right, #ddd6fe, transparent); }
.bg-gradient-to-tr-violet-300 { background-image: linear-gradient(to top right, #c4b5fd, transparent); }
.bg-gradient-to-tr-violet-400 { background-image: linear-gradient(to top right, #a78bfa, transparent); }
.bg-gradient-to-tr-violet-500 { background-image: linear-gradient(to top right, #8b5cf6, transparent); }
.bg-gradient-to-tr-violet-600 { background-image: linear-gradient(to top right, #7c3aed, transparent); }
.bg-gradient-to-tr-violet-700 { background-image: linear-gradient(to top right, #6d28d9, transparent); }
.bg-gradient-to-tr-violet-800 { background-image: linear-gradient(to top right, #5b21b6, transparent); }
.bg-gradient-to-tr-violet-900 { background-image: linear-gradient(to top right, #4c1d95, transparent); }
.bg-gradient-to-tr-violet-950 { background-image: linear-gradient(to top right, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-tr-purple-50 { background-image: linear-gradient(to top right, #faf5ff, transparent); }
.bg-gradient-to-tr-purple-100 { background-image: linear-gradient(to top right, #f3e8ff, transparent); }
.bg-gradient-to-tr-purple-200 { background-image: linear-gradient(to top right, #e9d5ff, transparent); }
.bg-gradient-to-tr-purple-300 { background-image: linear-gradient(to top right, #d8b4fe, transparent); }
.bg-gradient-to-tr-purple-400 { background-image: linear-gradient(to top right, #c084fc, transparent); }
.bg-gradient-to-tr-purple-500 { background-image: linear-gradient(to top right, #a855f7, transparent); }
.bg-gradient-to-tr-purple-600 { background-image: linear-gradient(to top right, #9333ea, transparent); }
.bg-gradient-to-tr-purple-700 { background-image: linear-gradient(to top right, #7e22ce, transparent); }
.bg-gradient-to-tr-purple-800 { background-image: linear-gradient(to top right, #6b21a8, transparent); }
.bg-gradient-to-tr-purple-900 { background-image: linear-gradient(to top right, #581c87, transparent); }
.bg-gradient-to-tr-purple-950 { background-image: linear-gradient(to top right, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-tr-fuchsia-50 background-image: linear-gradient(to top,top right: #fdf4ff, transparent); }
.bg-gradient-to-tr-fuchsia-100 background-image: linear-gradient(to top,top right: #fae8ff, transparent); }
.bg-gradient-to-tr-fuchsia-200 background-image: linear-gradient(to top,top right: #f5d0fe, transparent); }
.bg-gradient-to-tr-fuchsia-300 background-image: linear-gradient(to top,top right: #f0abfc, transparent); }
.bg-gradient-to-tr-fuchsia-400 background-image: linear-gradient(to top,top right: #e879f9, transparent); }
.bg-gradient-to-tr-fuchsia-500 background-image: linear-gradient(to top,top right: #d946ef, transparent); }
.bg-gradient-to-tr-fuchsia-600 background-image: linear-gradient(to top,top right: #c026d3, transparent); }
.bg-gradient-to-tr-fuchsia-700 background-image: linear-gradient(to top,top right: #a21caf, transparent); }
.bg-gradient-to-tr-fuchsia-800 background-image: linear-gradient(to top,top right: #86198f, transparent); }
.bg-gradient-to-tr-fuchsia-900 background-image: linear-gradient(to top,top right: #701a75, transparent); }
.bg-gradient-to-tr-fuchsia-950 background-image: linear-gradient(to top,top right: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-tr-pink-50 { background-image: linear-gradient(to top right, #fdf2f8, transparent); }
.bg-gradient-to-tr-pink-100 { background-image: linear-gradient(to top right, #fce7f3, transparent); }
.bg-gradient-to-tr-pink-200 { background-image: linear-gradient(to top right, #fbcfe8, transparent); }
.bg-gradient-to-tr-pink-300 { background-image: linear-gradient(to top right, #f9a8d4, transparent); }
.bg-gradient-to-tr-pink-400 { background-image: linear-gradient(to top right, #f472b6, transparent); }
.bg-gradient-to-tr-pink-500 { background-image: linear-gradient(to top right, #ec4899, transparent); }
.bg-gradient-to-tr-pink-600 { background-image: linear-gradient(to top right, #db2777, transparent); }
.bg-gradient-to-tr-pink-700 { background-image: linear-gradient(to top right, #be185d, transparent); }
.bg-gradient-to-tr-pink-800 { background-image: linear-gradient(to top right, #9d174d, transparent); }
.bg-gradient-to-tr-pink-900 { background-image: linear-gradient(to top right, #831843, transparent); }
.bg-gradient-to-tr-pink-950 { background-image: linear-gradient(to top right, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-tr-rose-50 { background-image: linear-gradient(to top right, #fff1f2, transparent); }
.bg-gradient-to-tr-rose-100 { background-image: linear-gradient(to top right, #ffe4e6, transparent); }
.bg-gradient-to-tr-rose-200 { background-image: linear-gradient(to top right, #fecdd3, transparent); }
.bg-gradient-to-tr-rose-300 { background-image: linear-gradient(to top right, #fda4af, transparent); }
.bg-gradient-to-tr-rose-400 { background-image: linear-gradient(to top right, #fb7185, transparent); }
.bg-gradient-to-tr-rose-500 { background-image: linear-gradient(to top right, #f43f5e, transparent); }
.bg-gradient-to-tr-rose-600 { background-image: linear-gradient(to top right, #e11d48, transparent); }
.bg-gradient-to-tr-rose-700 { background-image: linear-gradient(to top right, #be123c, transparent); }
.bg-gradient-to-tr-rose-800 { background-image: linear-gradient(to top right, #9f1239, transparent); }
.bg-gradient-to-tr-rose-900 { background-image: linear-gradient(to top right, #881337, transparent); }
.bg-gradient-to-tr-rose-950 { background-image: linear-gradient(to top right, #4c0519, transparent); }

/* Gradient Bottom left */
/* Slate Colors */
.bg-gradient-to-bl-slate-50 { background-image: linear-gradient(to bottom left, #f8fafc, transparent); }
.bg-gradient-to-bl-slate-100 { background-image: linear-gradient(to bottom left, #f1f5f9, transparent); }
.bg-gradient-to-bl-slate-200 { background-image: linear-gradient(to bottom left, #e2e8f0, transparent); }
.bg-gradient-to-bl-slate-300 { background-image: linear-gradient(to bottom left, #cbd5e1, transparent); }
.bg-gradient-to-bl-slate-400 { background-image: linear-gradient(to bottom left, #94a3b8, transparent); }
.bg-gradient-to-bl-slate-500 { background-image: linear-gradient(to bottom left, #64748b, transparent); }
.bg-gradient-to-bl-slate-600 { background-image: linear-gradient(to bottom left, #475569, transparent); }
.bg-gradient-to-bl-slate-700 { background-image: linear-gradient(to bottom left, #334155, transparent); }
.bg-gradient-to-bl-slate-800 { background-image: linear-gradient(to bottom left, #1e293b, transparent); }
.bg-gradient-to-bl-slate-900 { background-image: linear-gradient(to bottom left, #0f172a, transparent); }
.bg-gradient-to-bl-slate-950 { background-image: linear-gradient(to bottom left, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-bl-gray-50 { background-image: linear-gradient(to top bottom,leftf9fafb, transparent); }
.bg-gradient-to-bl-gray-100 { background-image: linear-gradient(to bottom left, #f3f4f6, transparent); }
.bg-gradient-to-bl-gray-200 { background-image: linear-gradient(to bottom left, #e5e7eb, transparent); }
.bg-gradient-to-bl-gray-300 { background-image: linear-gradient(to bottom left, #d1d5db, transparent); }
.bg-gradient-to-bl-gray-400 { background-image: linear-gradient(to bottom left, #9ca3af, transparent); }
.bg-gradient-to-bl-gray-500 { background-image: linear-gradient(to bottom left, #6b7280, transparent); }
.bg-gradient-to-bl-gray-600 { background-image: linear-gradient(to bottom left, #4b5563, transparent); }
.bg-gradient-to-bl-gray-700 { background-image: linear-gradient(to bottom left, #374151, transparent); }
.bg-gradient-to-bl-gray-800 { background-image: linear-gradient(to bottom left, #1f2937, transparent); }
.bg-gradient-to-bl-gray-900 { background-image: linear-gradient(to bottom left, #111827, transparent); }
.bg-gradient-to-bl-gray-950 { background-image: linear-gradient(to bottom left, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-bl-zinc-50 { background-image: linear-gradient(to top bottom,leftfafafa, transparent); }
.bg-gradient-to-bl-zinc-100 { background-image: linear-gradient(to bottom left, #f4f4f5, transparent); }
.bg-gradient-to-bl-zinc-200 { background-image: linear-gradient(to bottom left, #e4e4e7, transparent); }
.bg-gradient-to-bl-zinc-300 { background-image: linear-gradient(to bottom left, #d4d4d8, transparent); }
.bg-gradient-to-bl-zinc-400 { background-image: linear-gradient(to bottom left, #a1a1aa, transparent); }
.bg-gradient-to-bl-zinc-500 { background-image: linear-gradient(to bottom left, #71717a, transparent); }
.bg-gradient-to-bl-zinc-600 { background-image: linear-gradient(to bottom left, #52525b, transparent); }
.bg-gradient-to-bl-zinc-700 { background-image: linear-gradient(to bottom left, #3f3f46, transparent); }
.bg-gradient-to-bl-zinc-800 { background-image: linear-gradient(to bottom left, #27272a, transparent); }
.bg-gradient-to-bl-zinc-900 { background-image: linear-gradient(to bottom left, #18181b, transparent); }
.bg-gradient-to-bl-zinc-950 { background-image: linear-gradient(to bottom left, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-bl-neutral-50 background-image: linear-gradient(to top,bottom left: #fafafa, transparent); }
.bg-gradient-to-bl-neutral-100 background-image: linear-gradient(to top,bottom left: #f5f5f5, transparent); }
.bg-gradient-to-bl-neutral-200 background-image: linear-gradient(to top,bottom left: #e5e5e5, transparent); }
.bg-gradient-to-bl-neutral-300 background-image: linear-gradient(to top,bottom left: #d4d4d4, transparent); }
.bg-gradient-to-bl-neutral-400 background-image: linear-gradient(to top,bottom left: #a3a3a3, transparent); }
.bg-gradient-to-bl-neutral-500 background-image: linear-gradient(to top,bottom left: #737373, transparent); }
.bg-gradient-to-bl-neutral-600 background-image: linear-gradient(to top,bottom left: #525252, transparent); }
.bg-gradient-to-bl-neutral-700 background-image: linear-gradient(to top,bottom left: #404040, transparent); }
.bg-gradient-to-bl-neutral-800 background-image: linear-gradient(to top,bottom left: #262626, transparent); }
.bg-gradient-to-bl-neutral-900 background-image: linear-gradient(to top,bottom left: #171717, transparent); }
.bg-gradient-to-bl-neutral-950 background-image: linear-gradient(to top,bottom left: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-bl-stone-50 { background-image: linear-gradient(to bottom left, #fafaf9, transparent); }
.bg-gradient-to-bl-stone-100 { background-image: linear-gradient(to bottom left, #f5f5f4, transparent); }
.bg-gradient-to-bl-stone-200 { background-image: linear-gradient(to bottom left, #e7e5e4, transparent); }
.bg-gradient-to-bl-stone-300 { background-image: linear-gradient(to bottom left, #d6d3d1, transparent); }
.bg-gradient-to-bl-stone-400 { background-image: linear-gradient(to bottom left, #a8a29e, transparent); }
.bg-gradient-to-bl-stone-500 { background-image: linear-gradient(to bottom left, #78716c, transparent); }
.bg-gradient-to-bl-stone-600 { background-image: linear-gradient(to bottom left, #57534e, transparent); }
.bg-gradient-to-bl-stone-700 { background-image: linear-gradient(to bottom left, #44403c, transparent); }
.bg-gradient-to-bl-stone-800 { background-image: linear-gradient(to bottom left, #292524, transparent); }
.bg-gradient-to-bl-stone-900 { background-image: linear-gradient(to bottom left, #1c1917, transparent); }
.bg-gradient-to-bl-stone-950 { background-image: linear-gradient(to bottom left, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-bl-red-50 { border-background-image: linear-gradient(top bottom left, f2f2, transparent); }
.bg-gradient-to-bl-red-100 { background-image: linear-gradient(to top bottom,leftfee2e2, transparent); }
.bg-gradient-to-bl-red-200 { background-image: linear-gradient(to top bottom,leftfecaca, transparent); }
.bg-gradient-to-bl-red-300 { background-image: linear-gradient(to top bottom,leftfca5a5, transparent); }
.bg-gradient-to-bl-red-400 { background-image: linear-gradient(to top bottom,leftf87171, transparent); }
.bg-gradient-to-bl-red-500 { background-image: linear-gradient(to top bottom,leftef4444, transparent); }
.bg-gradient-to-bl-red-600 { background-image: linear-gradient(to top bottom,leftdc2626, transparent); }
.bg-gradient-to-bl-red-700 { background-image: linear-gradient(to top bottom,leftb91c1c, transparent); }
.bg-gradient-to-bl-red-800 { background-image: linear-gradient(to top bottom,left991b1b, transparent); }
.bg-gradient-to-bl-red-900 { background-image: linear-gradient(to top bottom,left7f1d1d, transparent); }
.bg-gradient-to-bl-red-950 { background-image: linear-gradient(to top bottom,left450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-bl-orange-50 { background-image: linear-gradient(to bottom left, #fff7ed, transparent); }
.bg-gradient-to-bl-orange-100 { background-image: linear-gradient(to bottom left, #ffedd5, transparent); }
.bg-gradient-to-bl-orange-200 { background-image: linear-gradient(to bottom left, #fed7aa, transparent); }
.bg-gradient-to-bl-orange-300 { background-image: linear-gradient(to bottom left, #fdba74, transparent); }
.bg-gradient-to-bl-orange-400 { background-image: linear-gradient(to bottom left, #fb923c, transparent); }
.bg-gradient-to-bl-orange-500 { background-image: linear-gradient(to bottom left, #f97316, transparent); }
.bg-gradient-to-bl-orange-600 { background-image: linear-gradient(to bottom left, #ea580c, transparent); }
.bg-gradient-to-bl-orange-700 { background-image: linear-gradient(to bottom left, #c2410c, transparent); }
.bg-gradient-to-bl-orange-800 { background-image: linear-gradient(to bottom left, #9a3412, transparent); }
.bg-gradient-to-bl-orange-900 { background-image: linear-gradient(to bottom left, #7c2d12, transparent); }
.bg-gradient-to-bl-orange-950 { background-image: linear-gradient(to bottom left, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-bl-amber-50 { background-image: linear-gradient(to bottom left, #fffbeb, transparent); }
.bg-gradient-to-bl-amber-100 { background-image: linear-gradient(to bottom left, #fef3c7, transparent); }
.bg-gradient-to-bl-amber-200 { background-image: linear-gradient(to bottom left, #fde68a, transparent); }
.bg-gradient-to-bl-amber-300 { background-image: linear-gradient(to bottom left, #fcd34d, transparent); }
.bg-gradient-to-bl-amber-400 { background-image: linear-gradient(to bottom left, #fbbf24, transparent); }
.bg-gradient-to-bl-amber-500 { background-image: linear-gradient(to bottom left, #f59e0b, transparent); }
.bg-gradient-to-bl-amber-600 { background-image: linear-gradient(to bottom left, #d97706, transparent); }
.bg-gradient-to-bl-amber-700 { background-image: linear-gradient(to bottom left, #b45309, transparent); }
.bg-gradient-to-bl-amber-800 { background-image: linear-gradient(to bottom left, #92400e, transparent); }
.bg-gradient-to-bl-amber-900 { background-image: linear-gradient(to bottom left, #78350f, transparent); }
.bg-gradient-to-bl-amber-950 { background-image: linear-gradient(to bottom left, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-bl-yellow-50 { background-image: linear-gradient(to bottom left, #fefce8, transparent); }
.bg-gradient-to-bl-yellow-100 { background-image: linear-gradient(to bottom left, #fef9c3, transparent); }
.bg-gradient-to-bl-yellow-200 { background-image: linear-gradient(to bottom left, #fef08a, transparent); }
.bg-gradient-to-bl-yellow-300 { background-image: linear-gradient(to bottom left, #fde047, transparent); }
.bg-gradient-to-bl-yellow-400 { background-image: linear-gradient(to bottom left, #facc15, transparent); }
.bg-gradient-to-bl-yellow-500 { background-image: linear-gradient(to bottom left, #eab308, transparent); }
.bg-gradient-to-bl-yellow-600 { background-image: linear-gradient(to bottom left, #ca8a04, transparent); }
.bg-gradient-to-bl-yellow-700 { background-image: linear-gradient(to bottom left, #a16207, transparent); }
.bg-gradient-to-bl-yellow-800 { background-image: linear-gradient(to bottom left, #854d0e, transparent); }
.bg-gradient-to-bl-yellow-900 { background-image: linear-gradient(to bottom left, #713f12, transparent); }
.bg-gradient-to-bl-yellow-950 { background-image: linear-gradient(to bottom left, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-bl-lime-50 { background-image: linear-gradient(to top bottom,leftf7fee7, transparent); }
.bg-gradient-to-bl-lime-100 { background-image: linear-gradient(to bottom left, #ecfccb, transparent); }
.bg-gradient-to-bl-lime-200 { background-image: linear-gradient(to bottom left, #d9f99d, transparent); }
.bg-gradient-to-bl-lime-300 { background-image: linear-gradient(to bottom left, #bef264, transparent); }
.bg-gradient-to-bl-lime-400 { background-image: linear-gradient(to bottom left, #a3e635, transparent); }
.bg-gradient-to-bl-lime-500 { background-image: linear-gradient(to bottom left, #84cc16, transparent); }
.bg-gradient-to-bl-lime-600 { background-image: linear-gradient(to bottom left, #65a30d, transparent); }
.bg-gradient-to-bl-lime-700 { background-image: linear-gradient(to bottom left, #4d7c0f, transparent); }
.bg-gradient-to-bl-lime-800 { background-image: linear-gradient(to bottom left, #3f6212, transparent); }
.bg-gradient-to-bl-lime-900 { background-image: linear-gradient(to bottom left, #365314, transparent); }
.bg-gradient-to-bl-lime-950 { background-image: linear-gradient(to bottom left, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-bl-green-50 { background-image: linear-gradient(to bottom left, #f0fdf4, transparent); }
.bg-gradient-to-bl-green-100 { background-image: linear-gradient(to bottom left, #dcfce7, transparent); }
.bg-gradient-to-bl-green-200 { background-image: linear-gradient(to bottom left, #bbf7d0, transparent); }
.bg-gradient-to-bl-green-300 { background-image: linear-gradient(to bottom left, #86efac, transparent); }
.bg-gradient-to-bl-green-400 { background-image: linear-gradient(to bottom left, #4ade80, transparent); }
.bg-gradient-to-bl-green-500 { background-image: linear-gradient(to bottom left, #22c55e, transparent); }
.bg-gradient-to-bl-green-600 { background-image: linear-gradient(to bottom left, #16a34a, transparent); }
.bg-gradient-to-bl-green-700 { background-image: linear-gradient(to bottom left, #15803d, transparent); }
.bg-gradient-to-bl-green-800 { background-image: linear-gradient(to bottom left, #166534, transparent); }
.bg-gradient-to-bl-green-900 { background-image: linear-gradient(to bottom left, #14532d, transparent); }
.bg-gradient-to-bl-green-950 { background-image: linear-gradient(to bottom left, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-bl-emerald-50 background-image: linear-gradient(to top,bottom left: #ecfdf5, transparent); }
.bg-gradient-to-bl-emerald-100 background-image: linear-gradient(to top,bottom left: #d1fae5, transparent); }
.bg-gradient-to-bl-emerald-200 background-image: linear-gradient(to top,bottom left: #a7f3d0, transparent); }
.bg-gradient-to-bl-emerald-300 background-image: linear-gradient(to top,bottom left: #6ee7b7, transparent); }
.bg-gradient-to-bl-emerald-400 background-image: linear-gradient(to top,bottom left: #34d399, transparent); }
.bg-gradient-to-bl-emerald-500 background-image: linear-gradient(to top,bottom left: #10b981, transparent); }
.bg-gradient-to-bl-emerald-600 background-image: linear-gradient(to top,bottom left: #059669, transparent); }
.bg-gradient-to-bl-emerald-700 background-image: linear-gradient(to top,bottom left: #047857, transparent); }
.bg-gradient-to-bl-emerald-800 background-image: linear-gradient(to top,bottom left: #065f46, transparent); }
.bg-gradient-to-bl-emerald-900 background-image: linear-gradient(to top,bottom left: #064e3b, transparent); }
.bg-gradient-to-bl-emerald-950 background-image: linear-gradient(to top,bottom left: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-bl-teal-50 { background-image: linear-gradient(to top bottom,leftf0fdfa, transparent); }
.bg-gradient-to-bl-teal-100 { background-image: linear-gradient(to bottom left, #ccfbf1, transparent); }
.bg-gradient-to-bl-teal-200 { background-image: linear-gradient(to bottom left, #99f6e4, transparent); }
.bg-gradient-to-bl-teal-300 { background-image: linear-gradient(to bottom left, #5eead4, transparent); }
.bg-gradient-to-bl-teal-400 { background-image: linear-gradient(to bottom left, #2dd4bf, transparent); }
.bg-gradient-to-bl-teal-500 { background-image: linear-gradient(to bottom left, #14b8a6, transparent); }
.bg-gradient-to-bl-teal-600 { background-image: linear-gradient(to bottom left, #0d9488, transparent); }
.bg-gradient-to-bl-teal-700 { background-image: linear-gradient(to bottom left, #0f766e, transparent); }
.bg-gradient-to-bl-teal-800 { background-image: linear-gradient(to bottom left, #115e59, transparent); }
.bg-gradient-to-bl-teal-900 { background-image: linear-gradient(to bottom left, #134e4a, transparent); }
.bg-gradient-to-bl-teal-950 { background-image: linear-gradient(to bottom left, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-bl-cyan-50 { background-image: linear-gradient(to top bottom,leftecfeff, transparent); }
.bg-gradient-to-bl-cyan-100 { background-image: linear-gradient(to bottom left, #cffafe, transparent); }
.bg-gradient-to-bl-cyan-200 { background-image: linear-gradient(to bottom left, #a5f3fc, transparent); }
.bg-gradient-to-bl-cyan-300 { background-image: linear-gradient(to bottom left, #67e8f9, transparent); }
.bg-gradient-to-bl-cyan-400 { background-image: linear-gradient(to bottom left, #22d3ee, transparent); }
.bg-gradient-to-bl-cyan-500 { background-image: linear-gradient(to bottom left, #06b6d4, transparent); }
.bg-gradient-to-bl-cyan-600 { background-image: linear-gradient(to bottom left, #0891b2, transparent); }
.bg-gradient-to-bl-cyan-700 { background-image: linear-gradient(to bottom left, #0e7490, transparent); }
.bg-gradient-to-bl-cyan-800 { background-image: linear-gradient(to bottom left, #155e75, transparent); }
.bg-gradient-to-bl-cyan-900 { background-image: linear-gradient(to bottom left, #164e63, transparent); }
.bg-gradient-to-bl-cyan-950 { background-image: linear-gradient(to bottom left, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-bl-sky-50 { border-background-image: linear-gradient(top bottom left, f9ff, transparent); }
.bg-gradient-to-bl-sky-100 { background-image: linear-gradient(to top bottom,lefte0f2fe, transparent); }
.bg-gradient-to-bl-sky-200 { background-image: linear-gradient(to top bottom,leftbae6fd, transparent); }
.bg-gradient-to-bl-sky-300 { background-image: linear-gradient(to top bottom,left7dd3fc, transparent); }
.bg-gradient-to-bl-sky-400 { background-image: linear-gradient(to top bottom,left38bdf8, transparent); }
.bg-gradient-to-bl-sky-500 { background-image: linear-gradient(to top bottom,left0ea5e9, transparent); }
.bg-gradient-to-bl-sky-600 { background-image: linear-gradient(to top bottom,left0284c7, transparent); }
.bg-gradient-to-bl-sky-700 { background-image: linear-gradient(to top bottom,left0369a1, transparent); }
.bg-gradient-to-bl-sky-800 { background-image: linear-gradient(to top bottom,left075985, transparent); }
.bg-gradient-to-bl-sky-900 { background-image: linear-gradient(to top bottom,left0c4a6e, transparent); }
.bg-gradient-to-bl-sky-950 { background-image: linear-gradient(to top bottom,left082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-bl-blue-50 { background-image: linear-gradient(to top bottom,lefteff6ff, transparent); }
.bg-gradient-to-bl-blue-100 { background-image: linear-gradient(to bottom left, #dbeafe, transparent); }
.bg-gradient-to-bl-blue-200 { background-image: linear-gradient(to bottom left, #bfdbfe, transparent); }
.bg-gradient-to-bl-blue-300 { background-image: linear-gradient(to bottom left, #93c5fd, transparent); }
.bg-gradient-to-bl-blue-400 { background-image: linear-gradient(to bottom left, #60a5fa, transparent); }
.bg-gradient-to-bl-blue-500 { background-image: linear-gradient(to bottom left, #3b82f6, transparent); }
.bg-gradient-to-bl-blue-600 { background-image: linear-gradient(to bottom left, #2563eb, transparent); }
.bg-gradient-to-bl-blue-700 { background-image: linear-gradient(to bottom left, #1d4ed8, transparent); }
.bg-gradient-to-bl-blue-800 { background-image: linear-gradient(to bottom left, #1e40af, transparent); }
.bg-gradient-to-bl-blue-900 { background-image: linear-gradient(to bottom left, #1e3a8a, transparent); }
.bg-gradient-to-bl-blue-950 { background-image: linear-gradient(to bottom left, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-bl-indigo-50 { background-image: linear-gradient(to bottom left, #eef2ff, transparent); }
.bg-gradient-to-bl-indigo-100 { background-image: linear-gradient(to bottom left, #e0e7ff, transparent); }
.bg-gradient-to-bl-indigo-200 { background-image: linear-gradient(to bottom left, #c7d2fe, transparent); }
.bg-gradient-to-bl-indigo-300 { background-image: linear-gradient(to bottom left, #a5b4fc, transparent); }
.bg-gradient-to-bl-indigo-400 { background-image: linear-gradient(to bottom left, #818cf8, transparent); }
.bg-gradient-to-bl-indigo-500 { background-image: linear-gradient(to bottom left, #6366f1, transparent); }
.bg-gradient-to-bl-indigo-600 { background-image: linear-gradient(to bottom left, #4f46e5, transparent); }
.bg-gradient-to-bl-indigo-700 { background-image: linear-gradient(to bottom left, #4338ca, transparent); }
.bg-gradient-to-bl-indigo-800 { background-image: linear-gradient(to bottom left, #3730a3, transparent); }
.bg-gradient-to-bl-indigo-900 { background-image: linear-gradient(to bottom left, #312e81, transparent); }
.bg-gradient-to-bl-indigo-950 { background-image: linear-gradient(to bottom left, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-bl-violet-50 { background-image: linear-gradient(to bottom left, #f5f3ff, transparent); }
.bg-gradient-to-bl-violet-100 { background-image: linear-gradient(to bottom left, #ede9fe, transparent); }
.bg-gradient-to-bl-violet-200 { background-image: linear-gradient(to bottom left, #ddd6fe, transparent); }
.bg-gradient-to-bl-violet-300 { background-image: linear-gradient(to bottom left, #c4b5fd, transparent); }
.bg-gradient-to-bl-violet-400 { background-image: linear-gradient(to bottom left, #a78bfa, transparent); }
.bg-gradient-to-bl-violet-500 { background-image: linear-gradient(to bottom left, #8b5cf6, transparent); }
.bg-gradient-to-bl-violet-600 { background-image: linear-gradient(to bottom left, #7c3aed, transparent); }
.bg-gradient-to-bl-violet-700 { background-image: linear-gradient(to bottom left, #6d28d9, transparent); }
.bg-gradient-to-bl-violet-800 { background-image: linear-gradient(to bottom left, #5b21b6, transparent); }
.bg-gradient-to-bl-violet-900 { background-image: linear-gradient(to bottom left, #4c1d95, transparent); }
.bg-gradient-to-bl-violet-950 { background-image: linear-gradient(to bottom left, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-bl-purple-50 { background-image: linear-gradient(to bottom left, #faf5ff, transparent); }
.bg-gradient-to-bl-purple-100 { background-image: linear-gradient(to bottom left, #f3e8ff, transparent); }
.bg-gradient-to-bl-purple-200 { background-image: linear-gradient(to bottom left, #e9d5ff, transparent); }
.bg-gradient-to-bl-purple-300 { background-image: linear-gradient(to bottom left, #d8b4fe, transparent); }
.bg-gradient-to-bl-purple-400 { background-image: linear-gradient(to bottom left, #c084fc, transparent); }
.bg-gradient-to-bl-purple-500 { background-image: linear-gradient(to bottom left, #a855f7, transparent); }
.bg-gradient-to-bl-purple-600 { background-image: linear-gradient(to bottom left, #9333ea, transparent); }
.bg-gradient-to-bl-purple-700 { background-image: linear-gradient(to bottom left, #7e22ce, transparent); }
.bg-gradient-to-bl-purple-800 { background-image: linear-gradient(to bottom left, #6b21a8, transparent); }
.bg-gradient-to-bl-purple-900 { background-image: linear-gradient(to bottom left, #581c87, transparent); }
.bg-gradient-to-bl-purple-950 { background-image: linear-gradient(to bottom left, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-bl-fuchsia-50 background-image: linear-gradient(to top,bottom left: #fdf4ff, transparent); }
.bg-gradient-to-bl-fuchsia-100 background-image: linear-gradient(to top,bottom left: #fae8ff, transparent); }
.bg-gradient-to-bl-fuchsia-200 background-image: linear-gradient(to top,bottom left: #f5d0fe, transparent); }
.bg-gradient-to-bl-fuchsia-300 background-image: linear-gradient(to top,bottom left: #f0abfc, transparent); }
.bg-gradient-to-bl-fuchsia-400 background-image: linear-gradient(to top,bottom left: #e879f9, transparent); }
.bg-gradient-to-bl-fuchsia-500 background-image: linear-gradient(to top,bottom left: #d946ef, transparent); }
.bg-gradient-to-bl-fuchsia-600 background-image: linear-gradient(to top,bottom left: #c026d3, transparent); }
.bg-gradient-to-bl-fuchsia-700 background-image: linear-gradient(to top,bottom left: #a21caf, transparent); }
.bg-gradient-to-bl-fuchsia-800 background-image: linear-gradient(to top,bottom left: #86198f, transparent); }
.bg-gradient-to-bl-fuchsia-900 background-image: linear-gradient(to top,bottom left: #701a75, transparent); }
.bg-gradient-to-bl-fuchsia-950 background-image: linear-gradient(to top,bottom left: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-bl-pink-50 { background-image: linear-gradient(to top bottom,leftfdf2f8, transparent); }
.bg-gradient-to-bl-pink-100 { background-image: linear-gradient(to bottom left, #fce7f3, transparent); }
.bg-gradient-to-bl-pink-200 { background-image: linear-gradient(to bottom left, #fbcfe8, transparent); }
.bg-gradient-to-bl-pink-300 { background-image: linear-gradient(to bottom left, #f9a8d4, transparent); }
.bg-gradient-to-bl-pink-400 { background-image: linear-gradient(to bottom left, #f472b6, transparent); }
.bg-gradient-to-bl-pink-500 { background-image: linear-gradient(to bottom left, #ec4899, transparent); }
.bg-gradient-to-bl-pink-600 { background-image: linear-gradient(to bottom left, #db2777, transparent); }
.bg-gradient-to-bl-pink-700 { background-image: linear-gradient(to bottom left, #be185d, transparent); }
.bg-gradient-to-bl-pink-800 { background-image: linear-gradient(to bottom left, #9d174d, transparent); }
.bg-gradient-to-bl-pink-900 { background-image: linear-gradient(to bottom left, #831843, transparent); }
.bg-gradient-to-bl-pink-950 { background-image: linear-gradient(to bottom left, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-bl-rose-50 { background-image: linear-gradient(to top bottom,leftfff1f2, transparent); }
.bg-gradient-to-bl-rose-100 { background-image: linear-gradient(to bottom left, #ffe4e6, transparent); }
.bg-gradient-to-bl-rose-200 { background-image: linear-gradient(to bottom left, #fecdd3, transparent); }
.bg-gradient-to-bl-rose-300 { background-image: linear-gradient(to bottom left, #fda4af, transparent); }
.bg-gradient-to-bl-rose-400 { background-image: linear-gradient(to bottom left, #fb7185, transparent); }
.bg-gradient-to-bl-rose-500 { background-image: linear-gradient(to bottom left, #f43f5e, transparent); }
.bg-gradient-to-bl-rose-600 { background-image: linear-gradient(to bottom left, #e11d48, transparent); }
.bg-gradient-to-bl-rose-700 { background-image: linear-gradient(to bottom left, #be123c, transparent); }
.bg-gradient-to-bl-rose-800 { background-image: linear-gradient(to bottom left, #9f1239, transparent); }
.bg-gradient-to-bl-rose-900 { background-image: linear-gradient(to bottom left, #881337, transparent); }
.bg-gradient-to-bl-rose-950 { background-image: linear-gradient(to bottom left, #4c0519, transparent); }

/* Gradient bottom right */
/* Slate Colors */
.bg-gradient-to-br-slate-50 { background-image: linear-gradient(to bottom right, #f8fafc, transparent); }
.bg-gradient-to-br-slate-100 { background-image: linear-gradient(to bottom right, #f1f5f9, transparent); }
.bg-gradient-to-br-slate-200 { background-image: linear-gradient(to bottom right, #e2e8f0, transparent); }
.bg-gradient-to-br-slate-300 { background-image: linear-gradient(to bottom right, #cbd5e1, transparent); }
.bg-gradient-to-br-slate-400 { background-image: linear-gradient(to bottom right, #94a3b8, transparent); }
.bg-gradient-to-br-slate-500 { background-image: linear-gradient(to bottom right, #64748b, transparent); }
.bg-gradient-to-br-slate-600 { background-image: linear-gradient(to bottom right, #475569, transparent); }
.bg-gradient-to-br-slate-700 { background-image: linear-gradient(to bottom right, #334155, transparent); }
.bg-gradient-to-br-slate-800 { background-image: linear-gradient(to bottom right, #1e293b, transparent); }
.bg-gradient-to-br-slate-900 { background-image: linear-gradient(to bottom right, #0f172a, transparent); }
.bg-gradient-to-br-slate-950 { background-image: linear-gradient(to bottom right, #020617, transparent); }

/* Gray Colors */
.bg-gradient-to-br-gray-50 { background-image: linear-gradient(to bottom right, #f9fafb, transparent); }
.bg-gradient-to-br-gray-100 { background-image: linear-gradient(to bottom right, #f3f4f6, transparent); }
.bg-gradient-to-br-gray-200 { background-image: linear-gradient(to bottom right, #e5e7eb, transparent); }
.bg-gradient-to-br-gray-300 { background-image: linear-gradient(to bottom right, #d1d5db, transparent); }
.bg-gradient-to-br-gray-400 { background-image: linear-gradient(to bottom right, #9ca3af, transparent); }
.bg-gradient-to-br-gray-500 { background-image: linear-gradient(to bottom right, #6b7280, transparent); }
.bg-gradient-to-br-gray-600 { background-image: linear-gradient(to bottom right, #4b5563, transparent); }
.bg-gradient-to-br-gray-700 { background-image: linear-gradient(to bottom right, #374151, transparent); }
.bg-gradient-to-br-gray-800 { background-image: linear-gradient(to bottom right, #1f2937, transparent); }
.bg-gradient-to-br-gray-900 { background-image: linear-gradient(to bottom right, #111827, transparent); }
.bg-gradient-to-br-gray-950 { background-image: linear-gradient(to bottom right, #030712, transparent); }

/* Zinc Colors */
.bg-gradient-to-br-zinc-50 { background-image: linear-gradient(to bottom right, #fafafa, transparent); }
.bg-gradient-to-br-zinc-100 { background-image: linear-gradient(to bottom right, #f4f4f5, transparent); }
.bg-gradient-to-br-zinc-200 { background-image: linear-gradient(to bottom right, #e4e4e7, transparent); }
.bg-gradient-to-br-zinc-300 { background-image: linear-gradient(to bottom right, #d4d4d8, transparent); }
.bg-gradient-to-br-zinc-400 { background-image: linear-gradient(to bottom right, #a1a1aa, transparent); }
.bg-gradient-to-br-zinc-500 { background-image: linear-gradient(to bottom right, #71717a, transparent); }
.bg-gradient-to-br-zinc-600 { background-image: linear-gradient(to bottom right, #52525b, transparent); }
.bg-gradient-to-br-zinc-700 { background-image: linear-gradient(to bottom right, #3f3f46, transparent); }
.bg-gradient-to-br-zinc-800 { background-image: linear-gradient(to bottom right, #27272a, transparent); }
.bg-gradient-to-br-zinc-900 { background-image: linear-gradient(to bottom right, #18181b, transparent); }
.bg-gradient-to-br-zinc-950 { background-image: linear-gradient(to bottom right, #09090b, transparent); }

/* Neutral Colors */
.bg-gradient-to-br-neutral-50 background-image: linear-gradient(to top,bottom right: #fafafa, transparent); }
.bg-gradient-to-br-neutral-100 background-image: linear-gradient(to top,bottom right: #f5f5f5, transparent); }
.bg-gradient-to-br-neutral-200 background-image: linear-gradient(to top,bottom right: #e5e5e5, transparent); }
.bg-gradient-to-br-neutral-300 background-image: linear-gradient(to top,bottom right: #d4d4d4, transparent); }
.bg-gradient-to-br-neutral-400 background-image: linear-gradient(to top,bottom right: #a3a3a3, transparent); }
.bg-gradient-to-br-neutral-500 background-image: linear-gradient(to top,bottom right: #737373, transparent); }
.bg-gradient-to-br-neutral-600 background-image: linear-gradient(to top,bottom right: #525252, transparent); }
.bg-gradient-to-br-neutral-700 background-image: linear-gradient(to top,bottom right: #404040, transparent); }
.bg-gradient-to-br-neutral-800 background-image: linear-gradient(to top,bottom right: #262626, transparent); }
.bg-gradient-to-br-neutral-900 background-image: linear-gradient(to top,bottom right: #171717, transparent); }
.bg-gradient-to-br-neutral-950 background-image: linear-gradient(to top,bottom right: #0a0a0a, transparent); }

/* Stone Colors */
.bg-gradient-to-br-stone-50 { background-image: linear-gradient(to bottom right, #fafaf9, transparent); }
.bg-gradient-to-br-stone-100 { background-image: linear-gradient(to bottom right, #f5f5f4, transparent); }
.bg-gradient-to-br-stone-200 { background-image: linear-gradient(to bottom right, #e7e5e4, transparent); }
.bg-gradient-to-br-stone-300 { background-image: linear-gradient(to bottom right, #d6d3d1, transparent); }
.bg-gradient-to-br-stone-400 { background-image: linear-gradient(to bottom right, #a8a29e, transparent); }
.bg-gradient-to-br-stone-500 { background-image: linear-gradient(to bottom right, #78716c, transparent); }
.bg-gradient-to-br-stone-600 { background-image: linear-gradient(to bottom right, #57534e, transparent); }
.bg-gradient-to-br-stone-700 { background-image: linear-gradient(to bottom right, #44403c, transparent); }
.bg-gradient-to-br-stone-800 { background-image: linear-gradient(to bottom right, #292524, transparent); }
.bg-gradient-to-br-stone-900 { background-image: linear-gradient(to bottom right, #1c1917, transparent); }
.bg-gradient-to-br-stone-950 { background-image: linear-gradient(to bottom right, #0c0a09, transparent); }

/* Red Colors */
.bg-gradient-to-br-red-50 { border-background-image: linear-gradient(bottom right top, f2f2, transparent); }
.bg-gradient-to-br-red-100 { background-image: linear-gradient(to bottom right, #fee2e2, transparent); }
.bg-gradient-to-br-red-200 { background-image: linear-gradient(to bottom right, #fecaca, transparent); }
.bg-gradient-to-br-red-300 { background-image: linear-gradient(to bottom right, #fca5a5, transparent); }
.bg-gradient-to-br-red-400 { background-image: linear-gradient(to bottom right, #f87171, transparent); }
.bg-gradient-to-br-red-500 { background-image: linear-gradient(to bottom right, #ef4444, transparent); }
.bg-gradient-to-br-red-600 { background-image: linear-gradient(to bottom right, #dc2626, transparent); }
.bg-gradient-to-br-red-700 { background-image: linear-gradient(to bottom right, #b91c1c, transparent); }
.bg-gradient-to-br-red-800 { background-image: linear-gradient(to bottom right, #991b1b, transparent); }
.bg-gradient-to-br-red-900 { background-image: linear-gradient(to bottom right, #7f1d1d, transparent); }
.bg-gradient-to-br-red-950 { background-image: linear-gradient(to bottom right, #450a0a, transparent); }

/* Orange Colors */
.bg-gradient-to-br-orange-50 { background-image: linear-gradient(to bottom right, #fff7ed, transparent); }
.bg-gradient-to-br-orange-100 { background-image: linear-gradient(to bottom right, #ffedd5, transparent); }
.bg-gradient-to-br-orange-200 { background-image: linear-gradient(to bottom right, #fed7aa, transparent); }
.bg-gradient-to-br-orange-300 { background-image: linear-gradient(to bottom right, #fdba74, transparent); }
.bg-gradient-to-br-orange-400 { background-image: linear-gradient(to bottom right, #fb923c, transparent); }
.bg-gradient-to-br-orange-500 { background-image: linear-gradient(to bottom right, #f97316, transparent); }
.bg-gradient-to-br-orange-600 { background-image: linear-gradient(to bottom right, #ea580c, transparent); }
.bg-gradient-to-br-orange-700 { background-image: linear-gradient(to bottom right, #c2410c, transparent); }
.bg-gradient-to-br-orange-800 { background-image: linear-gradient(to bottom right, #9a3412, transparent); }
.bg-gradient-to-br-orange-900 { background-image: linear-gradient(to bottom right, #7c2d12, transparent); }
.bg-gradient-to-br-orange-950 { background-image: linear-gradient(to bottom right, #431407, transparent); }

/* Amber Colors */
.bg-gradient-to-br-amber-50 { background-image: linear-gradient(to bottom right, #fffbeb, transparent); }
.bg-gradient-to-br-amber-100 { background-image: linear-gradient(to bottom right, #fef3c7, transparent); }
.bg-gradient-to-br-amber-200 { background-image: linear-gradient(to bottom right, #fde68a, transparent); }
.bg-gradient-to-br-amber-300 { background-image: linear-gradient(to bottom right, #fcd34d, transparent); }
.bg-gradient-to-br-amber-400 { background-image: linear-gradient(to bottom right, #fbbf24, transparent); }
.bg-gradient-to-br-amber-500 { background-image: linear-gradient(to bottom right, #f59e0b, transparent); }
.bg-gradient-to-br-amber-600 { background-image: linear-gradient(to bottom right, #d97706, transparent); }
.bg-gradient-to-br-amber-700 { background-image: linear-gradient(to bottom right, #b45309, transparent); }
.bg-gradient-to-br-amber-800 { background-image: linear-gradient(to bottom right, #92400e, transparent); }
.bg-gradient-to-br-amber-900 { background-image: linear-gradient(to bottom right, #78350f, transparent); }
.bg-gradient-to-br-amber-950 { background-image: linear-gradient(to bottom right, #451a03, transparent); }

/* Yellow Colors */
.bg-gradient-to-br-yellow-50 { background-image: linear-gradient(to bottom right, #fefce8, transparent); }
.bg-gradient-to-br-yellow-100 { background-image: linear-gradient(to bottom right, #fef9c3, transparent); }
.bg-gradient-to-br-yellow-200 { background-image: linear-gradient(to bottom right, #fef08a, transparent); }
.bg-gradient-to-br-yellow-300 { background-image: linear-gradient(to bottom right, #fde047, transparent); }
.bg-gradient-to-br-yellow-400 { background-image: linear-gradient(to bottom right, #facc15, transparent); }
.bg-gradient-to-br-yellow-500 { background-image: linear-gradient(to bottom right, #eab308, transparent); }
.bg-gradient-to-br-yellow-600 { background-image: linear-gradient(to bottom right, #ca8a04, transparent); }
.bg-gradient-to-br-yellow-700 { background-image: linear-gradient(to bottom right, #a16207, transparent); }
.bg-gradient-to-br-yellow-800 { background-image: linear-gradient(to bottom right, #854d0e, transparent); }
.bg-gradient-to-br-yellow-900 { background-image: linear-gradient(to bottom right, #713f12, transparent); }
.bg-gradient-to-br-yellow-950 { background-image: linear-gradient(to bottom right, #422006, transparent); }

/* Lime Colors */
.bg-gradient-to-br-lime-50 { background-image: linear-gradient(to bottom right, #f7fee7, transparent); }
.bg-gradient-to-br-lime-100 { background-image: linear-gradient(to bottom right, #ecfccb, transparent); }
.bg-gradient-to-br-lime-200 { background-image: linear-gradient(to bottom right, #d9f99d, transparent); }
.bg-gradient-to-br-lime-300 { background-image: linear-gradient(to bottom right, #bef264, transparent); }
.bg-gradient-to-br-lime-400 { background-image: linear-gradient(to bottom right, #a3e635, transparent); }
.bg-gradient-to-br-lime-500 { background-image: linear-gradient(to bottom right, #84cc16, transparent); }
.bg-gradient-to-br-lime-600 { background-image: linear-gradient(to bottom right, #65a30d, transparent); }
.bg-gradient-to-br-lime-700 { background-image: linear-gradient(to bottom right, #4d7c0f, transparent); }
.bg-gradient-to-br-lime-800 { background-image: linear-gradient(to bottom right, #3f6212, transparent); }
.bg-gradient-to-br-lime-900 { background-image: linear-gradient(to bottom right, #365314, transparent); }
.bg-gradient-to-br-lime-950 { background-image: linear-gradient(to bottom right, #1a2e05, transparent); }

/* Green Colors */
.bg-gradient-to-br-green-50 { background-image: linear-gradient(to bottom right, #f0fdf4, transparent); }
.bg-gradient-to-br-green-100 { background-image: linear-gradient(to bottom right, #dcfce7, transparent); }
.bg-gradient-to-br-green-200 { background-image: linear-gradient(to bottom right, #bbf7d0, transparent); }
.bg-gradient-to-br-green-300 { background-image: linear-gradient(to bottom right, #86efac, transparent); }
.bg-gradient-to-br-green-400 { background-image: linear-gradient(to bottom right, #4ade80, transparent); }
.bg-gradient-to-br-green-500 { background-image: linear-gradient(to bottom right, #22c55e, transparent); }
.bg-gradient-to-br-green-600 { background-image: linear-gradient(to bottom right, #16a34a, transparent); }
.bg-gradient-to-br-green-700 { background-image: linear-gradient(to bottom right, #15803d, transparent); }
.bg-gradient-to-br-green-800 { background-image: linear-gradient(to bottom right, #166534, transparent); }
.bg-gradient-to-br-green-900 { background-image: linear-gradient(to bottom right, #14532d, transparent); }
.bg-gradient-to-br-green-950 { background-image: linear-gradient(to bottom right, #052e16, transparent); }

/* Emerald Colors */
.bg-gradient-to-br-emerald-50 background-image: linear-gradient(to top,bottom right: #ecfdf5, transparent); }
.bg-gradient-to-br-emerald-100 background-image: linear-gradient(to top,bottom right: #d1fae5, transparent); }
.bg-gradient-to-br-emerald-200 background-image: linear-gradient(to top,bottom right: #a7f3d0, transparent); }
.bg-gradient-to-br-emerald-300 background-image: linear-gradient(to top,bottom right: #6ee7b7, transparent); }
.bg-gradient-to-br-emerald-400 background-image: linear-gradient(to top,bottom right: #34d399, transparent); }
.bg-gradient-to-br-emerald-500 background-image: linear-gradient(to top,bottom right: #10b981, transparent); }
.bg-gradient-to-br-emerald-600 background-image: linear-gradient(to top,bottom right: #059669, transparent); }
.bg-gradient-to-br-emerald-700 background-image: linear-gradient(to top,bottom right: #047857, transparent); }
.bg-gradient-to-br-emerald-800 background-image: linear-gradient(to top,bottom right: #065f46, transparent); }
.bg-gradient-to-br-emerald-900 background-image: linear-gradient(to top,bottom right: #064e3b, transparent); }
.bg-gradient-to-br-emerald-950 background-image: linear-gradient(to top,bottom right: #022c22, transparent); }

/* Teal Colors */
.bg-gradient-to-br-teal-50 { background-image: linear-gradient(to bottom right, #f0fdfa, transparent); }
.bg-gradient-to-br-teal-100 { background-image: linear-gradient(to bottom right, #ccfbf1, transparent); }
.bg-gradient-to-br-teal-200 { background-image: linear-gradient(to bottom right, #99f6e4, transparent); }
.bg-gradient-to-br-teal-300 { background-image: linear-gradient(to bottom right, #5eead4, transparent); }
.bg-gradient-to-br-teal-400 { background-image: linear-gradient(to bottom right, #2dd4bf, transparent); }
.bg-gradient-to-br-teal-500 { background-image: linear-gradient(to bottom right, #14b8a6, transparent); }
.bg-gradient-to-br-teal-600 { background-image: linear-gradient(to bottom right, #0d9488, transparent); }
.bg-gradient-to-br-teal-700 { background-image: linear-gradient(to bottom right, #0f766e, transparent); }
.bg-gradient-to-br-teal-800 { background-image: linear-gradient(to bottom right, #115e59, transparent); }
.bg-gradient-to-br-teal-900 { background-image: linear-gradient(to bottom right, #134e4a, transparent); }
.bg-gradient-to-br-teal-950 { background-image: linear-gradient(to bottom right, #042f2e, transparent); }

/* Cyan Colors */
.bg-gradient-to-br-cyan-50 { background-image: linear-gradient(to bottom right, #ecfeff, transparent); }
.bg-gradient-to-br-cyan-100 { background-image: linear-gradient(to bottom right, #cffafe, transparent); }
.bg-gradient-to-br-cyan-200 { background-image: linear-gradient(to bottom right, #a5f3fc, transparent); }
.bg-gradient-to-br-cyan-300 { background-image: linear-gradient(to bottom right, #67e8f9, transparent); }
.bg-gradient-to-br-cyan-400 { background-image: linear-gradient(to bottom right, #22d3ee, transparent); }
.bg-gradient-to-br-cyan-500 { background-image: linear-gradient(to bottom right, #06b6d4, transparent); }
.bg-gradient-to-br-cyan-600 { background-image: linear-gradient(to bottom right, #0891b2, transparent); }
.bg-gradient-to-br-cyan-700 { background-image: linear-gradient(to bottom right, #0e7490, transparent); }
.bg-gradient-to-br-cyan-800 { background-image: linear-gradient(to bottom right, #155e75, transparent); }
.bg-gradient-to-br-cyan-900 { background-image: linear-gradient(to bottom right, #164e63, transparent); }
.bg-gradient-to-br-cyan-950 { background-image: linear-gradient(to bottom right, #083344, transparent); }

/* Sky Colors */
.bg-gradient-to-br-sky-50 { border-background-image: linear-gradient(bottom right top, f9ff, transparent); }
.bg-gradient-to-br-sky-100 { background-image: linear-gradient(to bottom right, #e0f2fe, transparent); }
.bg-gradient-to-br-sky-200 { background-image: linear-gradient(to bottom right, #bae6fd, transparent); }
.bg-gradient-to-br-sky-300 { background-image: linear-gradient(to bottom right, #7dd3fc, transparent); }
.bg-gradient-to-br-sky-400 { background-image: linear-gradient(to bottom right, #38bdf8, transparent); }
.bg-gradient-to-br-sky-500 { background-image: linear-gradient(to bottom right, #0ea5e9, transparent); }
.bg-gradient-to-br-sky-600 { background-image: linear-gradient(to bottom right, #0284c7, transparent); }
.bg-gradient-to-br-sky-700 { background-image: linear-gradient(to bottom right, #0369a1, transparent); }
.bg-gradient-to-br-sky-800 { background-image: linear-gradient(to bottom right, #075985, transparent); }
.bg-gradient-to-br-sky-900 { background-image: linear-gradient(to bottom right, #0c4a6e, transparent); }
.bg-gradient-to-br-sky-950 { background-image: linear-gradient(to bottom right, #082f49, transparent); }

/* Blue Colors */
.bg-gradient-to-br-blue-50 { background-image: linear-gradient(to bottom right, #eff6ff, transparent); }
.bg-gradient-to-br-blue-100 { background-image: linear-gradient(to bottom right, #dbeafe, transparent); }
.bg-gradient-to-br-blue-200 { background-image: linear-gradient(to bottom right, #bfdbfe, transparent); }
.bg-gradient-to-br-blue-300 { background-image: linear-gradient(to bottom right, #93c5fd, transparent); }
.bg-gradient-to-br-blue-400 { background-image: linear-gradient(to bottom right, #60a5fa, transparent); }
.bg-gradient-to-br-blue-500 { background-image: linear-gradient(to bottom right, #3b82f6, transparent); }
.bg-gradient-to-br-blue-600 { background-image: linear-gradient(to bottom right, #2563eb, transparent); }
.bg-gradient-to-br-blue-700 { background-image: linear-gradient(to bottom right, #1d4ed8, transparent); }
.bg-gradient-to-br-blue-800 { background-image: linear-gradient(to bottom right, #1e40af, transparent); }
.bg-gradient-to-br-blue-900 { background-image: linear-gradient(to bottom right, #1e3a8a, transparent); }
.bg-gradient-to-br-blue-950 { background-image: linear-gradient(to bottom right, #172554, transparent); }

/* Indigo Colors */
.bg-gradient-to-br-indigo-50 { background-image: linear-gradient(to bottom right, #eef2ff, transparent); }
.bg-gradient-to-br-indigo-100 { background-image: linear-gradient(to bottom right, #e0e7ff, transparent); }
.bg-gradient-to-br-indigo-200 { background-image: linear-gradient(to bottom right, #c7d2fe, transparent); }
.bg-gradient-to-br-indigo-300 { background-image: linear-gradient(to bottom right, #a5b4fc, transparent); }
.bg-gradient-to-br-indigo-400 { background-image: linear-gradient(to bottom right, #818cf8, transparent); }
.bg-gradient-to-br-indigo-500 { background-image: linear-gradient(to bottom right, #6366f1, transparent); }
.bg-gradient-to-br-indigo-600 { background-image: linear-gradient(to bottom right, #4f46e5, transparent); }
.bg-gradient-to-br-indigo-700 { background-image: linear-gradient(to bottom right, #4338ca, transparent); }
.bg-gradient-to-br-indigo-800 { background-image: linear-gradient(to bottom right, #3730a3, transparent); }
.bg-gradient-to-br-indigo-900 { background-image: linear-gradient(to bottom right, #312e81, transparent); }
.bg-gradient-to-br-indigo-950 { background-image: linear-gradient(to bottom right, #1e1b4b, transparent); }

/* Violet Colors */
.bg-gradient-to-br-violet-50 { background-image: linear-gradient(to bottom right, #f5f3ff, transparent); }
.bg-gradient-to-br-violet-100 { background-image: linear-gradient(to bottom right, #ede9fe, transparent); }
.bg-gradient-to-br-violet-200 { background-image: linear-gradient(to bottom right, #ddd6fe, transparent); }
.bg-gradient-to-br-violet-300 { background-image: linear-gradient(to bottom right, #c4b5fd, transparent); }
.bg-gradient-to-br-violet-400 { background-image: linear-gradient(to bottom right, #a78bfa, transparent); }
.bg-gradient-to-br-violet-500 { background-image: linear-gradient(to bottom right, #8b5cf6, transparent); }
.bg-gradient-to-br-violet-600 { background-image: linear-gradient(to bottom right, #7c3aed, transparent); }
.bg-gradient-to-br-violet-700 { background-image: linear-gradient(to bottom right, #6d28d9, transparent); }
.bg-gradient-to-br-violet-800 { background-image: linear-gradient(to bottom right, #5b21b6, transparent); }
.bg-gradient-to-br-violet-900 { background-image: linear-gradient(to bottom right, #4c1d95, transparent); }
.bg-gradient-to-br-violet-950 { background-image: linear-gradient(to bottom right, #2e1065, transparent); }

/* Purple Colors */
.bg-gradient-to-br-purple-50 { background-image: linear-gradient(to bottom right, #faf5ff, transparent); }
.bg-gradient-to-br-purple-100 { background-image: linear-gradient(to bottom right, #f3e8ff, transparent); }
.bg-gradient-to-br-purple-200 { background-image: linear-gradient(to bottom right, #e9d5ff, transparent); }
.bg-gradient-to-br-purple-300 { background-image: linear-gradient(to bottom right, #d8b4fe, transparent); }
.bg-gradient-to-br-purple-400 { background-image: linear-gradient(to bottom right, #c084fc, transparent); }
.bg-gradient-to-br-purple-500 { background-image: linear-gradient(to bottom right, #a855f7, transparent); }
.bg-gradient-to-br-purple-600 { background-image: linear-gradient(to bottom right, #9333ea, transparent); }
.bg-gradient-to-br-purple-700 { background-image: linear-gradient(to bottom right, #7e22ce, transparent); }
.bg-gradient-to-br-purple-800 { background-image: linear-gradient(to bottom right, #6b21a8, transparent); }
.bg-gradient-to-br-purple-900 { background-image: linear-gradient(to bottom right, #581c87, transparent); }
.bg-gradient-to-br-purple-950 { background-image: linear-gradient(to bottom right, #3b0764, transparent); }

/* Fuchsia Colors */
.bg-gradient-to-br-fuchsia-50 background-image: linear-gradient(to top,bottom right: #fdf4ff, transparent); }
.bg-gradient-to-br-fuchsia-100 background-image: linear-gradient(to top,bottom right: #fae8ff, transparent); }
.bg-gradient-to-br-fuchsia-200 background-image: linear-gradient(to top,bottom right: #f5d0fe, transparent); }
.bg-gradient-to-br-fuchsia-300 background-image: linear-gradient(to top,bottom right: #f0abfc, transparent); }
.bg-gradient-to-br-fuchsia-400 background-image: linear-gradient(to top,bottom right: #e879f9, transparent); }
.bg-gradient-to-br-fuchsia-500 background-image: linear-gradient(to top,bottom right: #d946ef, transparent); }
.bg-gradient-to-br-fuchsia-600 background-image: linear-gradient(to top,bottom right: #c026d3, transparent); }
.bg-gradient-to-br-fuchsia-700 background-image: linear-gradient(to top,bottom right: #a21caf, transparent); }
.bg-gradient-to-br-fuchsia-800 background-image: linear-gradient(to top,bottom right: #86198f, transparent); }
.bg-gradient-to-br-fuchsia-900 background-image: linear-gradient(to top,bottom right: #701a75, transparent); }
.bg-gradient-to-br-fuchsia-950 background-image: linear-gradient(to top,bottom right: #4a044e, transparent); }

/* Pink Colors */
.bg-gradient-to-br-pink-50 { background-image: linear-gradient(to bottom right, #fdf2f8, transparent); }
.bg-gradient-to-br-pink-100 { background-image: linear-gradient(to bottom right, #fce7f3, transparent); }
.bg-gradient-to-br-pink-200 { background-image: linear-gradient(to bottom right, #fbcfe8, transparent); }
.bg-gradient-to-br-pink-300 { background-image: linear-gradient(to bottom right, #f9a8d4, transparent); }
.bg-gradient-to-br-pink-400 { background-image: linear-gradient(to bottom right, #f472b6, transparent); }
.bg-gradient-to-br-pink-500 { background-image: linear-gradient(to bottom right, #ec4899, transparent); }
.bg-gradient-to-br-pink-600 { background-image: linear-gradient(to bottom right, #db2777, transparent); }
.bg-gradient-to-br-pink-700 { background-image: linear-gradient(to bottom right, #be185d, transparent); }
.bg-gradient-to-br-pink-800 { background-image: linear-gradient(to bottom right, #9d174d, transparent); }
.bg-gradient-to-br-pink-900 { background-image: linear-gradient(to bottom right, #831843, transparent); }
.bg-gradient-to-br-pink-950 { background-image: linear-gradient(to bottom right, #500724, transparent); }

/* Rose Colors */
.bg-gradient-to-br-rose-50 { background-image: linear-gradient(to bottom right, #fff1f2, transparent); }
.bg-gradient-to-br-rose-100 { background-image: linear-gradient(to bottom right, #ffe4e6, transparent); }
.bg-gradient-to-br-rose-200 { background-image: linear-gradient(to bottom right, #fecdd3, transparent); }
.bg-gradient-to-br-rose-300 { background-image: linear-gradient(to bottom right, #fda4af, transparent); }
.bg-gradient-to-br-rose-400 { background-image: linear-gradient(to bottom right, #fb7185, transparent); }
.bg-gradient-to-br-rose-500 { background-image: linear-gradient(to bottom right, #f43f5e, transparent); }
.bg-gradient-to-br-rose-600 { background-image: linear-gradient(to bottom right, #e11d48, transparent); }
.bg-gradient-to-br-rose-700 { background-image: linear-gradient(to bottom right, #be123c, transparent); }
.bg-gradient-to-br-rose-800 { background-image: linear-gradient(to bottom right, #9f1239, transparent); }
.bg-gradient-to-br-rose-900 { background-image: linear-gradient(to bottom right, #881337, transparent); }
.bg-gradient-to-br-rose-950 { background-image: linear-gradient(to bottom right, #4c0519, transparent); }