/* Optional visual compatibility layer for legacy Tailwind utility colors. */
.text-blue-500, .text-blue-600, .text-blue-700, .text-blue-800, .text-sky-500, .text-sky-600 { color: var(--primary) !important; }
.bg-blue-50, .bg-blue-100, .bg-sky-50, .bg-sky-100 { background-color: var(--soft-teal) !important; }
.border-blue-200, .border-sky-100, .border-sky-200 { border-color: #c9e9d7 !important; }
.from-sky-50 { --tw-gradient-from: #edf9f3 var(--tw-gradient-from-position) !important; }
.to-blue-100 { --tw-gradient-to: #dff3e7 var(--tw-gradient-to-position) !important; }
.hover\\:bg-slate-50:hover { background-color: #f5faf7 !important; }
.text-emerald-500, .text-emerald-600, .text-emerald-700 { color: var(--primary) !important; }
.bg-emerald-50, .bg-emerald-100 { background-color: var(--soft-teal) !important; }
.text-amber-500, .text-amber-600, .text-amber-700 { color: #a36b20 !important; }
.text-slate-900 { color: #17231e !important; }
.text-slate-800, .text-slate-700 { color: #304039 !important; }
.text-slate-600, .text-slate-500, .text-slate-400 { color: #718078 !important; }
.bg-amber-50, .bg-amber-100 { background-color: #fff8e9 !important; }