/* ===========================================
   Custom CSS — supplements Tailwind v2 base
   Adds v2-missing colors + v3 arbitrary values
   =========================================== */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
.page-section { display: none; animation: fadeIn 0.4s ease-out; }
.page-section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in-up { animation: fadeInUp 0.6s ease-out; }

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

.prose h3 { font-size: 1.25rem; font-weight: 700; color: #111827; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.prose p { margin-bottom: 1rem; line-height: 1.75; color: #374151; }
.prose ul { list-style-type: disc; padding-left: 1.25rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.5rem; }
.prose strong { font-weight: 600; color: #111827; }

.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.img-placeholder { background-size: cover; background-position: center; background-repeat: no-repeat; }

.font-serif { font-family: 'Merriweather', 'STZhongsong', 'STKaiti', 'KaiTi', 'Songti SC', 'SimSun', Georgia, serif; }

.min-w-\[140px\]  { min-width: 140px; }
.max-w-\[150px\]  { max-width: 150px; }
.w-\[140px\]      { width: 140px; }
.h-\[400px\]      { height: 400px; }
.text-\[10px\]    { font-size: 10px; line-height: 1.4; }
.text-\[8px\]     { font-size: 8px;  line-height: 1.3; }
.ml-\[1px\]       { margin-left: 1px; }
.ml-\[7px\]       { margin-left: 7px; }
.ml-\[8px\]       { margin-left: 8px; }
.-ml-\[1px\]      { margin-left: -1px; }
.-ml-\[7px\]      { margin-left: -7px; }
.-ml-\[8px\]      { margin-left: -8px; }
.aspect-3-4-custom { aspect-ratio: 3 / 4; }

.text-tcm-gold   { color: #d97706; }
.bg-tcm-gold     { background-color: #d97706; }
.border-tcm-gold { border-color: #d97706; }
.text-tcm-paper  { color: #fffdf5; }
.bg-tcm-paper    { background-color: #fffdf5; }
.hover\:text-tcm-gold:hover  { color: #d97706; }
.hover\:bg-tcm-gold:hover    { background-color: #d97706; }

.focus\:ring-brand-200:focus   { --tw-ring-color: #fbd5d5; }
.focus\:ring-brand-500:focus   { --tw-ring-color: #f05252; }
.focus\:ring-emerald-400:focus { --tw-ring-color: #34d399; }
.focus\:ring-emerald-200:focus { --tw-ring-color: #a7f3d0; }
.focus\:border-brand-500:focus { border-color: #f05252; }

/* --- slate --- */
.text-slate-50 { color: #f8fafc; }
.bg-slate-50 { background-color: #f8fafc; }
.border-slate-50 { border-color: #f8fafc; }
.from-slate-50 { --tw-gradient-from: #f8fafc; }
.to-slate-50 { --tw-gradient-to: #f8fafc; }
.hover\:text-slate-50:hover { color: #f8fafc; }
.hover\:bg-slate-50:hover { background-color: #f8fafc; }
.hover\:border-slate-50:hover { border-color: #f8fafc; }
.text-slate-100 { color: #f1f5f9; }
.bg-slate-100 { background-color: #f1f5f9; }
.border-slate-100 { border-color: #f1f5f9; }
.from-slate-100 { --tw-gradient-from: #f1f5f9; }
.to-slate-100 { --tw-gradient-to: #f1f5f9; }
.hover\:text-slate-100:hover { color: #f1f5f9; }
.hover\:bg-slate-100:hover { background-color: #f1f5f9; }
.hover\:border-slate-100:hover { border-color: #f1f5f9; }
.text-slate-200 { color: #e2e8f0; }
.bg-slate-200 { background-color: #e2e8f0; }
.border-slate-200 { border-color: #e2e8f0; }
.from-slate-200 { --tw-gradient-from: #e2e8f0; }
.to-slate-200 { --tw-gradient-to: #e2e8f0; }
.hover\:text-slate-200:hover { color: #e2e8f0; }
.hover\:bg-slate-200:hover { background-color: #e2e8f0; }
.hover\:border-slate-200:hover { border-color: #e2e8f0; }
.text-slate-300 { color: #cbd5e1; }
.bg-slate-300 { background-color: #cbd5e1; }
.border-slate-300 { border-color: #cbd5e1; }
.from-slate-300 { --tw-gradient-from: #cbd5e1; }
.to-slate-300 { --tw-gradient-to: #cbd5e1; }
.hover\:text-slate-300:hover { color: #cbd5e1; }
.hover\:bg-slate-300:hover { background-color: #cbd5e1; }
.hover\:border-slate-300:hover { border-color: #cbd5e1; }
.text-slate-400 { color: #94a3b8; }
.bg-slate-400 { background-color: #94a3b8; }
.border-slate-400 { border-color: #94a3b8; }
.from-slate-400 { --tw-gradient-from: #94a3b8; }
.to-slate-400 { --tw-gradient-to: #94a3b8; }
.hover\:text-slate-400:hover { color: #94a3b8; }
.hover\:bg-slate-400:hover { background-color: #94a3b8; }
.hover\:border-slate-400:hover { border-color: #94a3b8; }
.text-slate-500 { color: #64748b; }
.bg-slate-500 { background-color: #64748b; }
.border-slate-500 { border-color: #64748b; }
.from-slate-500 { --tw-gradient-from: #64748b; }
.to-slate-500 { --tw-gradient-to: #64748b; }
.hover\:text-slate-500:hover { color: #64748b; }
.hover\:bg-slate-500:hover { background-color: #64748b; }
.hover\:border-slate-500:hover { border-color: #64748b; }
.text-slate-600 { color: #475569; }
.bg-slate-600 { background-color: #475569; }
.border-slate-600 { border-color: #475569; }
.from-slate-600 { --tw-gradient-from: #475569; }
.to-slate-600 { --tw-gradient-to: #475569; }
.hover\:text-slate-600:hover { color: #475569; }
.hover\:bg-slate-600:hover { background-color: #475569; }
.hover\:border-slate-600:hover { border-color: #475569; }
.text-slate-700 { color: #334155; }
.bg-slate-700 { background-color: #334155; }
.border-slate-700 { border-color: #334155; }
.from-slate-700 { --tw-gradient-from: #334155; }
.to-slate-700 { --tw-gradient-to: #334155; }
.hover\:text-slate-700:hover { color: #334155; }
.hover\:bg-slate-700:hover { background-color: #334155; }
.hover\:border-slate-700:hover { border-color: #334155; }
.text-slate-800 { color: #1e293b; }
.bg-slate-800 { background-color: #1e293b; }
.border-slate-800 { border-color: #1e293b; }
.from-slate-800 { --tw-gradient-from: #1e293b; }
.to-slate-800 { --tw-gradient-to: #1e293b; }
.hover\:text-slate-800:hover { color: #1e293b; }
.hover\:bg-slate-800:hover { background-color: #1e293b; }
.hover\:border-slate-800:hover { border-color: #1e293b; }
.text-slate-900 { color: #0f172a; }
.bg-slate-900 { background-color: #0f172a; }
.border-slate-900 { border-color: #0f172a; }
.from-slate-900 { --tw-gradient-from: #0f172a; }
.to-slate-900 { --tw-gradient-to: #0f172a; }
.hover\:text-slate-900:hover { color: #0f172a; }
.hover\:bg-slate-900:hover { background-color: #0f172a; }
.hover\:border-slate-900:hover { border-color: #0f172a; }

/* --- amber --- */
.text-amber-50 { color: #fffbeb; }
.bg-amber-50 { background-color: #fffbeb; }
.border-amber-50 { border-color: #fffbeb; }
.from-amber-50 { --tw-gradient-from: #fffbeb; }
.to-amber-50 { --tw-gradient-to: #fffbeb; }
.hover\:text-amber-50:hover { color: #fffbeb; }
.hover\:bg-amber-50:hover { background-color: #fffbeb; }
.hover\:border-amber-50:hover { border-color: #fffbeb; }
.text-amber-100 { color: #fef3c7; }
.bg-amber-100 { background-color: #fef3c7; }
.border-amber-100 { border-color: #fef3c7; }
.from-amber-100 { --tw-gradient-from: #fef3c7; }
.to-amber-100 { --tw-gradient-to: #fef3c7; }
.hover\:text-amber-100:hover { color: #fef3c7; }
.hover\:bg-amber-100:hover { background-color: #fef3c7; }
.hover\:border-amber-100:hover { border-color: #fef3c7; }
.text-amber-200 { color: #fde68a; }
.bg-amber-200 { background-color: #fde68a; }
.border-amber-200 { border-color: #fde68a; }
.from-amber-200 { --tw-gradient-from: #fde68a; }
.to-amber-200 { --tw-gradient-to: #fde68a; }
.hover\:text-amber-200:hover { color: #fde68a; }
.hover\:bg-amber-200:hover { background-color: #fde68a; }
.hover\:border-amber-200:hover { border-color: #fde68a; }
.text-amber-300 { color: #fcd34d; }
.bg-amber-300 { background-color: #fcd34d; }
.border-amber-300 { border-color: #fcd34d; }
.from-amber-300 { --tw-gradient-from: #fcd34d; }
.to-amber-300 { --tw-gradient-to: #fcd34d; }
.hover\:text-amber-300:hover { color: #fcd34d; }
.hover\:bg-amber-300:hover { background-color: #fcd34d; }
.hover\:border-amber-300:hover { border-color: #fcd34d; }
.text-amber-400 { color: #fbbf24; }
.bg-amber-400 { background-color: #fbbf24; }
.border-amber-400 { border-color: #fbbf24; }
.from-amber-400 { --tw-gradient-from: #fbbf24; }
.to-amber-400 { --tw-gradient-to: #fbbf24; }
.hover\:text-amber-400:hover { color: #fbbf24; }
.hover\:bg-amber-400:hover { background-color: #fbbf24; }
.hover\:border-amber-400:hover { border-color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.bg-amber-500 { background-color: #f59e0b; }
.border-amber-500 { border-color: #f59e0b; }
.from-amber-500 { --tw-gradient-from: #f59e0b; }
.to-amber-500 { --tw-gradient-to: #f59e0b; }
.hover\:text-amber-500:hover { color: #f59e0b; }
.hover\:bg-amber-500:hover { background-color: #f59e0b; }
.hover\:border-amber-500:hover { border-color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.bg-amber-600 { background-color: #d97706; }
.border-amber-600 { border-color: #d97706; }
.from-amber-600 { --tw-gradient-from: #d97706; }
.to-amber-600 { --tw-gradient-to: #d97706; }
.hover\:text-amber-600:hover { color: #d97706; }
.hover\:bg-amber-600:hover { background-color: #d97706; }
.hover\:border-amber-600:hover { border-color: #d97706; }
.text-amber-700 { color: #b45309; }
.bg-amber-700 { background-color: #b45309; }
.border-amber-700 { border-color: #b45309; }
.from-amber-700 { --tw-gradient-from: #b45309; }
.to-amber-700 { --tw-gradient-to: #b45309; }
.hover\:text-amber-700:hover { color: #b45309; }
.hover\:bg-amber-700:hover { background-color: #b45309; }
.hover\:border-amber-700:hover { border-color: #b45309; }
.text-amber-800 { color: #92400e; }
.bg-amber-800 { background-color: #92400e; }
.border-amber-800 { border-color: #92400e; }
.from-amber-800 { --tw-gradient-from: #92400e; }
.to-amber-800 { --tw-gradient-to: #92400e; }
.hover\:text-amber-800:hover { color: #92400e; }
.hover\:bg-amber-800:hover { background-color: #92400e; }
.hover\:border-amber-800:hover { border-color: #92400e; }
.text-amber-900 { color: #78350f; }
.bg-amber-900 { background-color: #78350f; }
.border-amber-900 { border-color: #78350f; }
.from-amber-900 { --tw-gradient-from: #78350f; }
.to-amber-900 { --tw-gradient-to: #78350f; }
.hover\:text-amber-900:hover { color: #78350f; }
.hover\:bg-amber-900:hover { background-color: #78350f; }
.hover\:border-amber-900:hover { border-color: #78350f; }

/* --- emerald --- */
.text-emerald-50 { color: #ecfdf5; }
.bg-emerald-50 { background-color: #ecfdf5; }
.border-emerald-50 { border-color: #ecfdf5; }
.from-emerald-50 { --tw-gradient-from: #ecfdf5; }
.to-emerald-50 { --tw-gradient-to: #ecfdf5; }
.hover\:text-emerald-50:hover { color: #ecfdf5; }
.hover\:bg-emerald-50:hover { background-color: #ecfdf5; }
.hover\:border-emerald-50:hover { border-color: #ecfdf5; }
.text-emerald-100 { color: #d1fae5; }
.bg-emerald-100 { background-color: #d1fae5; }
.border-emerald-100 { border-color: #d1fae5; }
.from-emerald-100 { --tw-gradient-from: #d1fae5; }
.to-emerald-100 { --tw-gradient-to: #d1fae5; }
.hover\:text-emerald-100:hover { color: #d1fae5; }
.hover\:bg-emerald-100:hover { background-color: #d1fae5; }
.hover\:border-emerald-100:hover { border-color: #d1fae5; }
.text-emerald-200 { color: #a7f3d0; }
.bg-emerald-200 { background-color: #a7f3d0; }
.border-emerald-200 { border-color: #a7f3d0; }
.from-emerald-200 { --tw-gradient-from: #a7f3d0; }
.to-emerald-200 { --tw-gradient-to: #a7f3d0; }
.hover\:text-emerald-200:hover { color: #a7f3d0; }
.hover\:bg-emerald-200:hover { background-color: #a7f3d0; }
.hover\:border-emerald-200:hover { border-color: #a7f3d0; }
.text-emerald-300 { color: #6ee7b7; }
.bg-emerald-300 { background-color: #6ee7b7; }
.border-emerald-300 { border-color: #6ee7b7; }
.from-emerald-300 { --tw-gradient-from: #6ee7b7; }
.to-emerald-300 { --tw-gradient-to: #6ee7b7; }
.hover\:text-emerald-300:hover { color: #6ee7b7; }
.hover\:bg-emerald-300:hover { background-color: #6ee7b7; }
.hover\:border-emerald-300:hover { border-color: #6ee7b7; }
.text-emerald-400 { color: #34d399; }
.bg-emerald-400 { background-color: #34d399; }
.border-emerald-400 { border-color: #34d399; }
.from-emerald-400 { --tw-gradient-from: #34d399; }
.to-emerald-400 { --tw-gradient-to: #34d399; }
.hover\:text-emerald-400:hover { color: #34d399; }
.hover\:bg-emerald-400:hover { background-color: #34d399; }
.hover\:border-emerald-400:hover { border-color: #34d399; }
.text-emerald-500 { color: #10b981; }
.bg-emerald-500 { background-color: #10b981; }
.border-emerald-500 { border-color: #10b981; }
.from-emerald-500 { --tw-gradient-from: #10b981; }
.to-emerald-500 { --tw-gradient-to: #10b981; }
.hover\:text-emerald-500:hover { color: #10b981; }
.hover\:bg-emerald-500:hover { background-color: #10b981; }
.hover\:border-emerald-500:hover { border-color: #10b981; }
.text-emerald-600 { color: #059669; }
.bg-emerald-600 { background-color: #059669; }
.border-emerald-600 { border-color: #059669; }
.from-emerald-600 { --tw-gradient-from: #059669; }
.to-emerald-600 { --tw-gradient-to: #059669; }
.hover\:text-emerald-600:hover { color: #059669; }
.hover\:bg-emerald-600:hover { background-color: #059669; }
.hover\:border-emerald-600:hover { border-color: #059669; }
.text-emerald-700 { color: #047857; }
.bg-emerald-700 { background-color: #047857; }
.border-emerald-700 { border-color: #047857; }
.from-emerald-700 { --tw-gradient-from: #047857; }
.to-emerald-700 { --tw-gradient-to: #047857; }
.hover\:text-emerald-700:hover { color: #047857; }
.hover\:bg-emerald-700:hover { background-color: #047857; }
.hover\:border-emerald-700:hover { border-color: #047857; }
.text-emerald-800 { color: #065f46; }
.bg-emerald-800 { background-color: #065f46; }
.border-emerald-800 { border-color: #065f46; }
.from-emerald-800 { --tw-gradient-from: #065f46; }
.to-emerald-800 { --tw-gradient-to: #065f46; }
.hover\:text-emerald-800:hover { color: #065f46; }
.hover\:bg-emerald-800:hover { background-color: #065f46; }
.hover\:border-emerald-800:hover { border-color: #065f46; }
.text-emerald-900 { color: #064e3b; }
.bg-emerald-900 { background-color: #064e3b; }
.border-emerald-900 { border-color: #064e3b; }
.from-emerald-900 { --tw-gradient-from: #064e3b; }
.to-emerald-900 { --tw-gradient-to: #064e3b; }
.hover\:text-emerald-900:hover { color: #064e3b; }
.hover\:bg-emerald-900:hover { background-color: #064e3b; }
.hover\:border-emerald-900:hover { border-color: #064e3b; }

/* --- teal --- */
.text-teal-50 { color: #f0fdfa; }
.bg-teal-50 { background-color: #f0fdfa; }
.border-teal-50 { border-color: #f0fdfa; }
.from-teal-50 { --tw-gradient-from: #f0fdfa; }
.to-teal-50 { --tw-gradient-to: #f0fdfa; }
.hover\:text-teal-50:hover { color: #f0fdfa; }
.hover\:bg-teal-50:hover { background-color: #f0fdfa; }
.hover\:border-teal-50:hover { border-color: #f0fdfa; }
.text-teal-100 { color: #ccfbf1; }
.bg-teal-100 { background-color: #ccfbf1; }
.border-teal-100 { border-color: #ccfbf1; }
.from-teal-100 { --tw-gradient-from: #ccfbf1; }
.to-teal-100 { --tw-gradient-to: #ccfbf1; }
.hover\:text-teal-100:hover { color: #ccfbf1; }
.hover\:bg-teal-100:hover { background-color: #ccfbf1; }
.hover\:border-teal-100:hover { border-color: #ccfbf1; }
.text-teal-200 { color: #99f6e4; }
.bg-teal-200 { background-color: #99f6e4; }
.border-teal-200 { border-color: #99f6e4; }
.from-teal-200 { --tw-gradient-from: #99f6e4; }
.to-teal-200 { --tw-gradient-to: #99f6e4; }
.hover\:text-teal-200:hover { color: #99f6e4; }
.hover\:bg-teal-200:hover { background-color: #99f6e4; }
.hover\:border-teal-200:hover { border-color: #99f6e4; }
.text-teal-300 { color: #5eead4; }
.bg-teal-300 { background-color: #5eead4; }
.border-teal-300 { border-color: #5eead4; }
.from-teal-300 { --tw-gradient-from: #5eead4; }
.to-teal-300 { --tw-gradient-to: #5eead4; }
.hover\:text-teal-300:hover { color: #5eead4; }
.hover\:bg-teal-300:hover { background-color: #5eead4; }
.hover\:border-teal-300:hover { border-color: #5eead4; }
.text-teal-400 { color: #2dd4bf; }
.bg-teal-400 { background-color: #2dd4bf; }
.border-teal-400 { border-color: #2dd4bf; }
.from-teal-400 { --tw-gradient-from: #2dd4bf; }
.to-teal-400 { --tw-gradient-to: #2dd4bf; }
.hover\:text-teal-400:hover { color: #2dd4bf; }
.hover\:bg-teal-400:hover { background-color: #2dd4bf; }
.hover\:border-teal-400:hover { border-color: #2dd4bf; }
.text-teal-500 { color: #14b8a6; }
.bg-teal-500 { background-color: #14b8a6; }
.border-teal-500 { border-color: #14b8a6; }
.from-teal-500 { --tw-gradient-from: #14b8a6; }
.to-teal-500 { --tw-gradient-to: #14b8a6; }
.hover\:text-teal-500:hover { color: #14b8a6; }
.hover\:bg-teal-500:hover { background-color: #14b8a6; }
.hover\:border-teal-500:hover { border-color: #14b8a6; }
.text-teal-600 { color: #0d9488; }
.bg-teal-600 { background-color: #0d9488; }
.border-teal-600 { border-color: #0d9488; }
.from-teal-600 { --tw-gradient-from: #0d9488; }
.to-teal-600 { --tw-gradient-to: #0d9488; }
.hover\:text-teal-600:hover { color: #0d9488; }
.hover\:bg-teal-600:hover { background-color: #0d9488; }
.hover\:border-teal-600:hover { border-color: #0d9488; }
.text-teal-700 { color: #0f766e; }
.bg-teal-700 { background-color: #0f766e; }
.border-teal-700 { border-color: #0f766e; }
.from-teal-700 { --tw-gradient-from: #0f766e; }
.to-teal-700 { --tw-gradient-to: #0f766e; }
.hover\:text-teal-700:hover { color: #0f766e; }
.hover\:bg-teal-700:hover { background-color: #0f766e; }
.hover\:border-teal-700:hover { border-color: #0f766e; }
.text-teal-800 { color: #115e59; }
.bg-teal-800 { background-color: #115e59; }
.border-teal-800 { border-color: #115e59; }
.from-teal-800 { --tw-gradient-from: #115e59; }
.to-teal-800 { --tw-gradient-to: #115e59; }
.hover\:text-teal-800:hover { color: #115e59; }
.hover\:bg-teal-800:hover { background-color: #115e59; }
.hover\:border-teal-800:hover { border-color: #115e59; }
.text-teal-900 { color: #134e4a; }
.bg-teal-900 { background-color: #134e4a; }
.border-teal-900 { border-color: #134e4a; }
.from-teal-900 { --tw-gradient-from: #134e4a; }
.to-teal-900 { --tw-gradient-to: #134e4a; }
.hover\:text-teal-900:hover { color: #134e4a; }
.hover\:bg-teal-900:hover { background-color: #134e4a; }
.hover\:border-teal-900:hover { border-color: #134e4a; }

/* --- orange --- */
.text-orange-50 { color: #fff7ed; }
.bg-orange-50 { background-color: #fff7ed; }
.border-orange-50 { border-color: #fff7ed; }
.from-orange-50 { --tw-gradient-from: #fff7ed; }
.to-orange-50 { --tw-gradient-to: #fff7ed; }
.hover\:text-orange-50:hover { color: #fff7ed; }
.hover\:bg-orange-50:hover { background-color: #fff7ed; }
.hover\:border-orange-50:hover { border-color: #fff7ed; }
.text-orange-100 { color: #ffedd5; }
.bg-orange-100 { background-color: #ffedd5; }
.border-orange-100 { border-color: #ffedd5; }
.from-orange-100 { --tw-gradient-from: #ffedd5; }
.to-orange-100 { --tw-gradient-to: #ffedd5; }
.hover\:text-orange-100:hover { color: #ffedd5; }
.hover\:bg-orange-100:hover { background-color: #ffedd5; }
.hover\:border-orange-100:hover { border-color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.bg-orange-200 { background-color: #fed7aa; }
.border-orange-200 { border-color: #fed7aa; }
.from-orange-200 { --tw-gradient-from: #fed7aa; }
.to-orange-200 { --tw-gradient-to: #fed7aa; }
.hover\:text-orange-200:hover { color: #fed7aa; }
.hover\:bg-orange-200:hover { background-color: #fed7aa; }
.hover\:border-orange-200:hover { border-color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.bg-orange-300 { background-color: #fdba74; }
.border-orange-300 { border-color: #fdba74; }
.from-orange-300 { --tw-gradient-from: #fdba74; }
.to-orange-300 { --tw-gradient-to: #fdba74; }
.hover\:text-orange-300:hover { color: #fdba74; }
.hover\:bg-orange-300:hover { background-color: #fdba74; }
.hover\:border-orange-300:hover { border-color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.bg-orange-400 { background-color: #fb923c; }
.border-orange-400 { border-color: #fb923c; }
.from-orange-400 { --tw-gradient-from: #fb923c; }
.to-orange-400 { --tw-gradient-to: #fb923c; }
.hover\:text-orange-400:hover { color: #fb923c; }
.hover\:bg-orange-400:hover { background-color: #fb923c; }
.hover\:border-orange-400:hover { border-color: #fb923c; }
.text-orange-500 { color: #f97316; }
.bg-orange-500 { background-color: #f97316; }
.border-orange-500 { border-color: #f97316; }
.from-orange-500 { --tw-gradient-from: #f97316; }
.to-orange-500 { --tw-gradient-to: #f97316; }
.hover\:text-orange-500:hover { color: #f97316; }
.hover\:bg-orange-500:hover { background-color: #f97316; }
.hover\:border-orange-500:hover { border-color: #f97316; }
.text-orange-600 { color: #ea580c; }
.bg-orange-600 { background-color: #ea580c; }
.border-orange-600 { border-color: #ea580c; }
.from-orange-600 { --tw-gradient-from: #ea580c; }
.to-orange-600 { --tw-gradient-to: #ea580c; }
.hover\:text-orange-600:hover { color: #ea580c; }
.hover\:bg-orange-600:hover { background-color: #ea580c; }
.hover\:border-orange-600:hover { border-color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.bg-orange-700 { background-color: #c2410c; }
.border-orange-700 { border-color: #c2410c; }
.from-orange-700 { --tw-gradient-from: #c2410c; }
.to-orange-700 { --tw-gradient-to: #c2410c; }
.hover\:text-orange-700:hover { color: #c2410c; }
.hover\:bg-orange-700:hover { background-color: #c2410c; }
.hover\:border-orange-700:hover { border-color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.bg-orange-800 { background-color: #9a3412; }
.border-orange-800 { border-color: #9a3412; }
.from-orange-800 { --tw-gradient-from: #9a3412; }
.to-orange-800 { --tw-gradient-to: #9a3412; }
.hover\:text-orange-800:hover { color: #9a3412; }
.hover\:bg-orange-800:hover { background-color: #9a3412; }
.hover\:border-orange-800:hover { border-color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.bg-orange-900 { background-color: #7c2d12; }
.border-orange-900 { border-color: #7c2d12; }
.from-orange-900 { --tw-gradient-from: #7c2d12; }
.to-orange-900 { --tw-gradient-to: #7c2d12; }
.hover\:text-orange-900:hover { color: #7c2d12; }
.hover\:bg-orange-900:hover { background-color: #7c2d12; }
.hover\:border-orange-900:hover { border-color: #7c2d12; }

/* --- rose --- */
.text-rose-50 { color: #fff1f2; }
.bg-rose-50 { background-color: #fff1f2; }
.border-rose-50 { border-color: #fff1f2; }
.from-rose-50 { --tw-gradient-from: #fff1f2; }
.to-rose-50 { --tw-gradient-to: #fff1f2; }
.hover\:text-rose-50:hover { color: #fff1f2; }
.hover\:bg-rose-50:hover { background-color: #fff1f2; }
.hover\:border-rose-50:hover { border-color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.bg-rose-100 { background-color: #ffe4e6; }
.border-rose-100 { border-color: #ffe4e6; }
.from-rose-100 { --tw-gradient-from: #ffe4e6; }
.to-rose-100 { --tw-gradient-to: #ffe4e6; }
.hover\:text-rose-100:hover { color: #ffe4e6; }
.hover\:bg-rose-100:hover { background-color: #ffe4e6; }
.hover\:border-rose-100:hover { border-color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.bg-rose-200 { background-color: #fecdd3; }
.border-rose-200 { border-color: #fecdd3; }
.from-rose-200 { --tw-gradient-from: #fecdd3; }
.to-rose-200 { --tw-gradient-to: #fecdd3; }
.hover\:text-rose-200:hover { color: #fecdd3; }
.hover\:bg-rose-200:hover { background-color: #fecdd3; }
.hover\:border-rose-200:hover { border-color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.bg-rose-300 { background-color: #fda4af; }
.border-rose-300 { border-color: #fda4af; }
.from-rose-300 { --tw-gradient-from: #fda4af; }
.to-rose-300 { --tw-gradient-to: #fda4af; }
.hover\:text-rose-300:hover { color: #fda4af; }
.hover\:bg-rose-300:hover { background-color: #fda4af; }
.hover\:border-rose-300:hover { border-color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.bg-rose-400 { background-color: #fb7185; }
.border-rose-400 { border-color: #fb7185; }
.from-rose-400 { --tw-gradient-from: #fb7185; }
.to-rose-400 { --tw-gradient-to: #fb7185; }
.hover\:text-rose-400:hover { color: #fb7185; }
.hover\:bg-rose-400:hover { background-color: #fb7185; }
.hover\:border-rose-400:hover { border-color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.bg-rose-500 { background-color: #f43f5e; }
.border-rose-500 { border-color: #f43f5e; }
.from-rose-500 { --tw-gradient-from: #f43f5e; }
.to-rose-500 { --tw-gradient-to: #f43f5e; }
.hover\:text-rose-500:hover { color: #f43f5e; }
.hover\:bg-rose-500:hover { background-color: #f43f5e; }
.hover\:border-rose-500:hover { border-color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.bg-rose-600 { background-color: #e11d48; }
.border-rose-600 { border-color: #e11d48; }
.from-rose-600 { --tw-gradient-from: #e11d48; }
.to-rose-600 { --tw-gradient-to: #e11d48; }
.hover\:text-rose-600:hover { color: #e11d48; }
.hover\:bg-rose-600:hover { background-color: #e11d48; }
.hover\:border-rose-600:hover { border-color: #e11d48; }
.text-rose-700 { color: #be123c; }
.bg-rose-700 { background-color: #be123c; }
.border-rose-700 { border-color: #be123c; }
.from-rose-700 { --tw-gradient-from: #be123c; }
.to-rose-700 { --tw-gradient-to: #be123c; }
.hover\:text-rose-700:hover { color: #be123c; }
.hover\:bg-rose-700:hover { background-color: #be123c; }
.hover\:border-rose-700:hover { border-color: #be123c; }
.text-rose-800 { color: #9f1239; }
.bg-rose-800 { background-color: #9f1239; }
.border-rose-800 { border-color: #9f1239; }
.from-rose-800 { --tw-gradient-from: #9f1239; }
.to-rose-800 { --tw-gradient-to: #9f1239; }
.hover\:text-rose-800:hover { color: #9f1239; }
.hover\:bg-rose-800:hover { background-color: #9f1239; }
.hover\:border-rose-800:hover { border-color: #9f1239; }
.text-rose-900 { color: #881337; }
.bg-rose-900 { background-color: #881337; }
.border-rose-900 { border-color: #881337; }
.from-rose-900 { --tw-gradient-from: #881337; }
.to-rose-900 { --tw-gradient-to: #881337; }
.hover\:text-rose-900:hover { color: #881337; }
.hover\:bg-rose-900:hover { background-color: #881337; }
.hover\:border-rose-900:hover { border-color: #881337; }

/* --- violet --- */
.text-violet-50 { color: #f5f3ff; }
.bg-violet-50 { background-color: #f5f3ff; }
.border-violet-50 { border-color: #f5f3ff; }
.from-violet-50 { --tw-gradient-from: #f5f3ff; }
.to-violet-50 { --tw-gradient-to: #f5f3ff; }
.hover\:text-violet-50:hover { color: #f5f3ff; }
.hover\:bg-violet-50:hover { background-color: #f5f3ff; }
.hover\:border-violet-50:hover { border-color: #f5f3ff; }
.text-violet-100 { color: #ede9fe; }
.bg-violet-100 { background-color: #ede9fe; }
.border-violet-100 { border-color: #ede9fe; }
.from-violet-100 { --tw-gradient-from: #ede9fe; }
.to-violet-100 { --tw-gradient-to: #ede9fe; }
.hover\:text-violet-100:hover { color: #ede9fe; }
.hover\:bg-violet-100:hover { background-color: #ede9fe; }
.hover\:border-violet-100:hover { border-color: #ede9fe; }
.text-violet-200 { color: #ddd6fe; }
.bg-violet-200 { background-color: #ddd6fe; }
.border-violet-200 { border-color: #ddd6fe; }
.from-violet-200 { --tw-gradient-from: #ddd6fe; }
.to-violet-200 { --tw-gradient-to: #ddd6fe; }
.hover\:text-violet-200:hover { color: #ddd6fe; }
.hover\:bg-violet-200:hover { background-color: #ddd6fe; }
.hover\:border-violet-200:hover { border-color: #ddd6fe; }
.text-violet-300 { color: #c4b5fd; }
.bg-violet-300 { background-color: #c4b5fd; }
.border-violet-300 { border-color: #c4b5fd; }
.from-violet-300 { --tw-gradient-from: #c4b5fd; }
.to-violet-300 { --tw-gradient-to: #c4b5fd; }
.hover\:text-violet-300:hover { color: #c4b5fd; }
.hover\:bg-violet-300:hover { background-color: #c4b5fd; }
.hover\:border-violet-300:hover { border-color: #c4b5fd; }
.text-violet-400 { color: #a78bfa; }
.bg-violet-400 { background-color: #a78bfa; }
.border-violet-400 { border-color: #a78bfa; }
.from-violet-400 { --tw-gradient-from: #a78bfa; }
.to-violet-400 { --tw-gradient-to: #a78bfa; }
.hover\:text-violet-400:hover { color: #a78bfa; }
.hover\:bg-violet-400:hover { background-color: #a78bfa; }
.hover\:border-violet-400:hover { border-color: #a78bfa; }
.text-violet-500 { color: #8b5cf6; }
.bg-violet-500 { background-color: #8b5cf6; }
.border-violet-500 { border-color: #8b5cf6; }
.from-violet-500 { --tw-gradient-from: #8b5cf6; }
.to-violet-500 { --tw-gradient-to: #8b5cf6; }
.hover\:text-violet-500:hover { color: #8b5cf6; }
.hover\:bg-violet-500:hover { background-color: #8b5cf6; }
.hover\:border-violet-500:hover { border-color: #8b5cf6; }
.text-violet-600 { color: #7c3aed; }
.bg-violet-600 { background-color: #7c3aed; }
.border-violet-600 { border-color: #7c3aed; }
.from-violet-600 { --tw-gradient-from: #7c3aed; }
.to-violet-600 { --tw-gradient-to: #7c3aed; }
.hover\:text-violet-600:hover { color: #7c3aed; }
.hover\:bg-violet-600:hover { background-color: #7c3aed; }
.hover\:border-violet-600:hover { border-color: #7c3aed; }
.text-violet-700 { color: #6d28d9; }
.bg-violet-700 { background-color: #6d28d9; }
.border-violet-700 { border-color: #6d28d9; }
.from-violet-700 { --tw-gradient-from: #6d28d9; }
.to-violet-700 { --tw-gradient-to: #6d28d9; }
.hover\:text-violet-700:hover { color: #6d28d9; }
.hover\:bg-violet-700:hover { background-color: #6d28d9; }
.hover\:border-violet-700:hover { border-color: #6d28d9; }
.text-violet-800 { color: #5b21b6; }
.bg-violet-800 { background-color: #5b21b6; }
.border-violet-800 { border-color: #5b21b6; }
.from-violet-800 { --tw-gradient-from: #5b21b6; }
.to-violet-800 { --tw-gradient-to: #5b21b6; }
.hover\:text-violet-800:hover { color: #5b21b6; }
.hover\:bg-violet-800:hover { background-color: #5b21b6; }
.hover\:border-violet-800:hover { border-color: #5b21b6; }
.text-violet-900 { color: #4c1d95; }
.bg-violet-900 { background-color: #4c1d95; }
.border-violet-900 { border-color: #4c1d95; }
.from-violet-900 { --tw-gradient-from: #4c1d95; }
.to-violet-900 { --tw-gradient-to: #4c1d95; }
.hover\:text-violet-900:hover { color: #4c1d95; }
.hover\:bg-violet-900:hover { background-color: #4c1d95; }
.hover\:border-violet-900:hover { border-color: #4c1d95; }

/* --- brand --- */
.text-brand-50 { color: #fdf2f2; }
.bg-brand-50 { background-color: #fdf2f2; }
.border-brand-50 { border-color: #fdf2f2; }
.from-brand-50 { --tw-gradient-from: #fdf2f2; }
.to-brand-50 { --tw-gradient-to: #fdf2f2; }
.hover\:text-brand-50:hover { color: #fdf2f2; }
.hover\:bg-brand-50:hover { background-color: #fdf2f2; }
.hover\:border-brand-50:hover { border-color: #fdf2f2; }
.text-brand-100 { color: #fde8e8; }
.bg-brand-100 { background-color: #fde8e8; }
.border-brand-100 { border-color: #fde8e8; }
.from-brand-100 { --tw-gradient-from: #fde8e8; }
.to-brand-100 { --tw-gradient-to: #fde8e8; }
.hover\:text-brand-100:hover { color: #fde8e8; }
.hover\:bg-brand-100:hover { background-color: #fde8e8; }
.hover\:border-brand-100:hover { border-color: #fde8e8; }
.text-brand-200 { color: #fbd5d5; }
.bg-brand-200 { background-color: #fbd5d5; }
.border-brand-200 { border-color: #fbd5d5; }
.from-brand-200 { --tw-gradient-from: #fbd5d5; }
.to-brand-200 { --tw-gradient-to: #fbd5d5; }
.hover\:text-brand-200:hover { color: #fbd5d5; }
.hover\:bg-brand-200:hover { background-color: #fbd5d5; }
.hover\:border-brand-200:hover { border-color: #fbd5d5; }
.text-brand-400 { color: #f98080; }
.bg-brand-400 { background-color: #f98080; }
.border-brand-400 { border-color: #f98080; }
.from-brand-400 { --tw-gradient-from: #f98080; }
.to-brand-400 { --tw-gradient-to: #f98080; }
.hover\:text-brand-400:hover { color: #f98080; }
.hover\:bg-brand-400:hover { background-color: #f98080; }
.hover\:border-brand-400:hover { border-color: #f98080; }
.text-brand-500 { color: #f05252; }
.bg-brand-500 { background-color: #f05252; }
.border-brand-500 { border-color: #f05252; }
.from-brand-500 { --tw-gradient-from: #f05252; }
.to-brand-500 { --tw-gradient-to: #f05252; }
.hover\:text-brand-500:hover { color: #f05252; }
.hover\:bg-brand-500:hover { background-color: #f05252; }
.hover\:border-brand-500:hover { border-color: #f05252; }
.text-brand-600 { color: #e02424; }
.bg-brand-600 { background-color: #e02424; }
.border-brand-600 { border-color: #e02424; }
.from-brand-600 { --tw-gradient-from: #e02424; }
.to-brand-600 { --tw-gradient-to: #e02424; }
.hover\:text-brand-600:hover { color: #e02424; }
.hover\:bg-brand-600:hover { background-color: #e02424; }
.hover\:border-brand-600:hover { border-color: #e02424; }
.text-brand-700 { color: #c81e1e; }
.bg-brand-700 { background-color: #c81e1e; }
.border-brand-700 { border-color: #c81e1e; }
.from-brand-700 { --tw-gradient-from: #c81e1e; }
.to-brand-700 { --tw-gradient-to: #c81e1e; }
.hover\:text-brand-700:hover { color: #c81e1e; }
.hover\:bg-brand-700:hover { background-color: #c81e1e; }
.hover\:border-brand-700:hover { border-color: #c81e1e; }
.text-brand-800 { color: #9b1c1c; }
.bg-brand-800 { background-color: #9b1c1c; }
.border-brand-800 { border-color: #9b1c1c; }
.from-brand-800 { --tw-gradient-from: #9b1c1c; }
.to-brand-800 { --tw-gradient-to: #9b1c1c; }
.hover\:text-brand-800:hover { color: #9b1c1c; }
.hover\:bg-brand-800:hover { background-color: #9b1c1c; }
.hover\:border-brand-800:hover { border-color: #9b1c1c; }
.text-brand-900 { color: #771d1d; }
.bg-brand-900 { background-color: #771d1d; }
.border-brand-900 { border-color: #771d1d; }
.from-brand-900 { --tw-gradient-from: #771d1d; }
.to-brand-900 { --tw-gradient-to: #771d1d; }
.hover\:text-brand-900:hover { color: #771d1d; }
.hover\:bg-brand-900:hover { background-color: #771d1d; }
.hover\:border-brand-900:hover { border-color: #771d1d; }

/* --- red --- */
.text-red-50 { color: #fef2f2; }
.bg-red-50 { background-color: #fef2f2; }
.border-red-50 { border-color: #fef2f2; }
.from-red-50 { --tw-gradient-from: #fef2f2; }
.to-red-50 { --tw-gradient-to: #fef2f2; }
.hover\:text-red-50:hover { color: #fef2f2; }
.hover\:bg-red-50:hover { background-color: #fef2f2; }
.hover\:border-red-50:hover { border-color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.bg-red-100 { background-color: #fee2e2; }
.border-red-100 { border-color: #fee2e2; }
.from-red-100 { --tw-gradient-from: #fee2e2; }
.to-red-100 { --tw-gradient-to: #fee2e2; }
.hover\:text-red-100:hover { color: #fee2e2; }
.hover\:bg-red-100:hover { background-color: #fee2e2; }
.hover\:border-red-100:hover { border-color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.bg-red-200 { background-color: #fecaca; }
.border-red-200 { border-color: #fecaca; }
.from-red-200 { --tw-gradient-from: #fecaca; }
.to-red-200 { --tw-gradient-to: #fecaca; }
.hover\:text-red-200:hover { color: #fecaca; }
.hover\:bg-red-200:hover { background-color: #fecaca; }
.hover\:border-red-200:hover { border-color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.bg-red-300 { background-color: #fca5a5; }
.border-red-300 { border-color: #fca5a5; }
.from-red-300 { --tw-gradient-from: #fca5a5; }
.to-red-300 { --tw-gradient-to: #fca5a5; }
.hover\:text-red-300:hover { color: #fca5a5; }
.hover\:bg-red-300:hover { background-color: #fca5a5; }
.hover\:border-red-300:hover { border-color: #fca5a5; }
.text-red-400 { color: #f87171; }
.bg-red-400 { background-color: #f87171; }
.border-red-400 { border-color: #f87171; }
.from-red-400 { --tw-gradient-from: #f87171; }
.to-red-400 { --tw-gradient-to: #f87171; }
.hover\:text-red-400:hover { color: #f87171; }
.hover\:bg-red-400:hover { background-color: #f87171; }
.hover\:border-red-400:hover { border-color: #f87171; }
.text-red-500 { color: #ef4444; }
.bg-red-500 { background-color: #ef4444; }
.border-red-500 { border-color: #ef4444; }
.from-red-500 { --tw-gradient-from: #ef4444; }
.to-red-500 { --tw-gradient-to: #ef4444; }
.hover\:text-red-500:hover { color: #ef4444; }
.hover\:bg-red-500:hover { background-color: #ef4444; }
.hover\:border-red-500:hover { border-color: #ef4444; }
.text-red-600 { color: #dc2626; }
.bg-red-600 { background-color: #dc2626; }
.border-red-600 { border-color: #dc2626; }
.from-red-600 { --tw-gradient-from: #dc2626; }
.to-red-600 { --tw-gradient-to: #dc2626; }
.hover\:text-red-600:hover { color: #dc2626; }
.hover\:bg-red-600:hover { background-color: #dc2626; }
.hover\:border-red-600:hover { border-color: #dc2626; }
.text-red-700 { color: #b91c1c; }
.bg-red-700 { background-color: #b91c1c; }
.border-red-700 { border-color: #b91c1c; }
.from-red-700 { --tw-gradient-from: #b91c1c; }
.to-red-700 { --tw-gradient-to: #b91c1c; }
.hover\:text-red-700:hover { color: #b91c1c; }
.hover\:bg-red-700:hover { background-color: #b91c1c; }
.hover\:border-red-700:hover { border-color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.bg-red-800 { background-color: #991b1b; }
.border-red-800 { border-color: #991b1b; }
.from-red-800 { --tw-gradient-from: #991b1b; }
.to-red-800 { --tw-gradient-to: #991b1b; }
.hover\:text-red-800:hover { color: #991b1b; }
.hover\:bg-red-800:hover { background-color: #991b1b; }
.hover\:border-red-800:hover { border-color: #991b1b; }
.text-red-900 { color: #7f1d1d; }
.bg-red-900 { background-color: #7f1d1d; }
.border-red-900 { border-color: #7f1d1d; }
.from-red-900 { --tw-gradient-from: #7f1d1d; }
.to-red-900 { --tw-gradient-to: #7f1d1d; }
.hover\:text-red-900:hover { color: #7f1d1d; }
.hover\:bg-red-900:hover { background-color: #7f1d1d; }
.hover\:border-red-900:hover { border-color: #7f1d1d; }

/* --- yellow --- */
.text-yellow-50 { color: #fffbeb; }
.bg-yellow-50 { background-color: #fffbeb; }
.border-yellow-50 { border-color: #fffbeb; }
.from-yellow-50 { --tw-gradient-from: #fffbeb; }
.to-yellow-50 { --tw-gradient-to: #fffbeb; }
.hover\:text-yellow-50:hover { color: #fffbeb; }
.hover\:bg-yellow-50:hover { background-color: #fffbeb; }
.hover\:border-yellow-50:hover { border-color: #fffbeb; }
.text-yellow-100 { color: #fef3c7; }
.bg-yellow-100 { background-color: #fef3c7; }
.border-yellow-100 { border-color: #fef3c7; }
.from-yellow-100 { --tw-gradient-from: #fef3c7; }
.to-yellow-100 { --tw-gradient-to: #fef3c7; }
.hover\:text-yellow-100:hover { color: #fef3c7; }
.hover\:bg-yellow-100:hover { background-color: #fef3c7; }
.hover\:border-yellow-100:hover { border-color: #fef3c7; }
.text-yellow-200 { color: #fde68a; }
.bg-yellow-200 { background-color: #fde68a; }
.border-yellow-200 { border-color: #fde68a; }
.from-yellow-200 { --tw-gradient-from: #fde68a; }
.to-yellow-200 { --tw-gradient-to: #fde68a; }
.hover\:text-yellow-200:hover { color: #fde68a; }
.hover\:bg-yellow-200:hover { background-color: #fde68a; }
.hover\:border-yellow-200:hover { border-color: #fde68a; }
.text-yellow-300 { color: #fcd34d; }
.bg-yellow-300 { background-color: #fcd34d; }
.border-yellow-300 { border-color: #fcd34d; }
.from-yellow-300 { --tw-gradient-from: #fcd34d; }
.to-yellow-300 { --tw-gradient-to: #fcd34d; }
.hover\:text-yellow-300:hover { color: #fcd34d; }
.hover\:bg-yellow-300:hover { background-color: #fcd34d; }
.hover\:border-yellow-300:hover { border-color: #fcd34d; }
.text-yellow-400 { color: #fbbf24; }
.bg-yellow-400 { background-color: #fbbf24; }
.border-yellow-400 { border-color: #fbbf24; }
.from-yellow-400 { --tw-gradient-from: #fbbf24; }
.to-yellow-400 { --tw-gradient-to: #fbbf24; }
.hover\:text-yellow-400:hover { color: #fbbf24; }
.hover\:bg-yellow-400:hover { background-color: #fbbf24; }
.hover\:border-yellow-400:hover { border-color: #fbbf24; }
.text-yellow-500 { color: #f59e0b; }
.bg-yellow-500 { background-color: #f59e0b; }
.border-yellow-500 { border-color: #f59e0b; }
.from-yellow-500 { --tw-gradient-from: #f59e0b; }
.to-yellow-500 { --tw-gradient-to: #f59e0b; }
.hover\:text-yellow-500:hover { color: #f59e0b; }
.hover\:bg-yellow-500:hover { background-color: #f59e0b; }
.hover\:border-yellow-500:hover { border-color: #f59e0b; }
.text-yellow-600 { color: #d97706; }
.bg-yellow-600 { background-color: #d97706; }
.border-yellow-600 { border-color: #d97706; }
.from-yellow-600 { --tw-gradient-from: #d97706; }
.to-yellow-600 { --tw-gradient-to: #d97706; }
.hover\:text-yellow-600:hover { color: #d97706; }
.hover\:bg-yellow-600:hover { background-color: #d97706; }
.hover\:border-yellow-600:hover { border-color: #d97706; }
.text-yellow-700 { color: #b45309; }
.bg-yellow-700 { background-color: #b45309; }
.border-yellow-700 { border-color: #b45309; }
.from-yellow-700 { --tw-gradient-from: #b45309; }
.to-yellow-700 { --tw-gradient-to: #b45309; }
.hover\:text-yellow-700:hover { color: #b45309; }
.hover\:bg-yellow-700:hover { background-color: #b45309; }
.hover\:border-yellow-700:hover { border-color: #b45309; }
.text-yellow-800 { color: #92400e; }
.bg-yellow-800 { background-color: #92400e; }
.border-yellow-800 { border-color: #92400e; }
.from-yellow-800 { --tw-gradient-from: #92400e; }
.to-yellow-800 { --tw-gradient-to: #92400e; }
.hover\:text-yellow-800:hover { color: #92400e; }
.hover\:bg-yellow-800:hover { background-color: #92400e; }
.hover\:border-yellow-800:hover { border-color: #92400e; }
.text-yellow-900 { color: #78350f; }
.bg-yellow-900 { background-color: #78350f; }
.border-yellow-900 { border-color: #78350f; }
.from-yellow-900 { --tw-gradient-from: #78350f; }
.to-yellow-900 { --tw-gradient-to: #78350f; }
.hover\:text-yellow-900:hover { color: #78350f; }
.hover\:bg-yellow-900:hover { background-color: #78350f; }
.hover\:border-yellow-900:hover { border-color: #78350f; }