/* Estilos custom encima de Tailwind */
[x-cloak] { display: none !important; }

:root {
    color-scheme: dark;
}
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.font-mono { font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace; }

/* Slate palette shim — Tailwind 2.2.19 CDN no incluye slate-* */
.bg-slate-50  { background-color: #f8fafc; }
.bg-slate-100 { background-color: #f1f5f9; }
.bg-slate-200 { background-color: #e2e8f0; }
.bg-slate-300 { background-color: #cbd5e1; }
.bg-slate-400 { background-color: #94a3b8; }
.bg-slate-500 { background-color: #64748b; }
.bg-slate-600 { background-color: #475569; }
.bg-slate-700 { background-color: #334155; }
.bg-slate-800 { background-color: #1e293b; }
.bg-slate-900 { background-color: #0f172a; }
.bg-slate-950 { background-color: #020617; }

.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; }

.border-slate-600 { border-color: #475569; }
.border-slate-700 { border-color: #334155; }
.border-slate-800 { border-color: #1e293b; }
.border-slate-900 { border-color: #0f172a; }

.divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-color: #1e293b; }

.hover\:bg-slate-600:hover { background-color: #475569; }
.hover\:bg-slate-700:hover { background-color: #334155; }
.hover\:bg-slate-900:hover { background-color: #0f172a; }
.hover\:border-slate-700:hover { border-color: #334155; }
.hover\:text-slate-200:hover { color: #e2e8f0; }
.hover\:text-slate-300:hover { color: #cbd5e1; }