/* /css/theme-shim.css */

/* Base surface/text */
html, body { background: var(--surface); color: var(--text); }

/* Common text -> themed */
.text-gray-500, .text-slate-500 { color: var(--muted) !important; }
.text-gray-600, .text-slate-600 { color: var(--muted) !important; }
.text-gray-700, .text-gray-800, .text-slate-800, .text-slate-900 { color: var(--text) !important; }

/* Backgrounds -> themed */
.bg-white, .bg-gray-50, .bg-slate-50 { background-color: var(--surface) !important; }

/* Buttons (map a bunch of popular blues/indigos/skies to primary) */
.bg-blue-500, .bg-blue-600, .bg-blue-700,
.bg-indigo-500, .bg-indigo-600, .bg-indigo-700,
.bg-sky-500, .bg-sky-600, .bg-sky-700,
.bg-rose-500, .bg-rose-600, .bg-rose-700 {
    background-color: var(--primary-600) !important; color: #fff !important;
}
{ background-color: var(--accent) !important; color: #fff !important; }

.hover\:bg-blue-600:hover, .hover\:bg-blue-700:hover,
.hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover,
.hover\:bg-sky-600:hover, .hover\:bg-sky-700:hover,
.hover\:bg-rose-600:hover, .hover\:bg-rose-700:hover {
    background-color: var(--primary-700) !important;
}

/* Outline/text buttons (make link-blue read as primary) */
.text-blue-500, .text-blue-600, .text-blue-700,
.text-indigo-500, .text-indigo-600, .text-indigo-700,
.text-sky-500, .text-sky-600, .text-sky-700 {
    color: var(--primary-600) !important;
}
.hover\:text-blue-700:hover,
.hover\:text-indigo-700:hover,
.hover\:text-sky-700:hover {
    color: var(--primary-700) !important;
}
.border-blue-500, .border-blue-600, .border-blue-700,
.border-indigo-500, .border-indigo-600, .border-indigo-700,
.border-sky-500, .border-sky-600, .border-sky-700 {
    border-color: var(--primary-600) !important;
}

/* Focus rings -> primary */
.focus\:ring-rose-600:focus, .focus\:ring-blue-600:focus, .focus\:ring-indigo-600:focus,
.focus\:ring-sky-600:focus {
    --tw-ring-color: var(--primary-600) !important;
}
.focus\:border-rose-600:focus, .focus\:border-blue-600:focus, .focus\:border-indigo-600:focus,
.focus\:border-sky-600:focus {
    border-color: var(--primary-600) !important;
}

/* Inputs default surface/text */
input, select, textarea { background: var(--surface); color: var(--text); }