/* ========================================================= */
/* PALETAS DE COLORES (TEMAS) - COMENTA/DESCOMENTA PARA USAR */
/* ========================================================= */

/* TEMA 1: Default Azul / Slate (Ideal general) */
/*
:root {
    --primary-50: #eff6ff; --primary-100: #dbeafe; --primary-200: #bfdbfe; --primary-300: #93c5fd; --primary-400: #60a5fa;
    --primary-500: #3b82f6; --primary-600: #2563eb; --primary-700: #1d4ed8; --primary-800: #1e40af; --primary-900: #1e3a8a;
    --sidebar-bg: #0f172a; --sidebar-hover: #1e293b; --sidebar-text: #94a3b8;
    --sidebar-active-text: #60a5fa; --sidebar-active-bg: #1e293b;
}
*/

/* TEMA 2: Fucsia / Rosado (HEATMAP ESTILO REFERENCIA) - ACTIVADO */
:root {
    --primary-50: #fdf4ff; --primary-100: #fae8ff; --primary-200: #f5d0fe; --primary-300: #f0abfc; --primary-400: #e879f9;
    --primary-500: #d946ef; --primary-600: #c026d3; --primary-700: #a21caf; --primary-800: #86198f; --primary-900: #701a75;
    --sidebar-bg: #2e1065; --sidebar-hover: #3b0764; --sidebar-text: #f5d0fe;
    --sidebar-active-text: #f0abfc; --sidebar-active-bg: #4c1d95;
}

/* TEMA 3: Esmeralda / Oscuro (Ideal Salud, Suplementos, Eco) */
/*
:root {
    --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0; --primary-300: #6ee7b7; --primary-400: #34d399;
    --primary-500: #10b981; --primary-600: #059669; --primary-700: #047857; --primary-800: #065f46; --primary-900: #064e3b;
    --sidebar-bg: #064e3b; --sidebar-hover: #065f46; --sidebar-text: #a7f3d0;
    --sidebar-active-text: #34d399; --sidebar-active-bg: #047857;
}
*/

/* TEMA 4: Naranja / Stone (Ideal Ferretería, Construcción) */
/*
:root {
    --primary-50: #fff7ed; --primary-100: #ffedd5; --primary-200: #fed7aa; --primary-300: #fdba74; --primary-400: #fb923c;
    --primary-500: #f97316; --primary-600: #ea580c; --primary-700: #c2410c; --primary-800: #9a3412; --primary-900: #7c2d12;
    --sidebar-bg: #1c1917; --sidebar-hover: #292524; --sidebar-text: #a8a29e;
    --sidebar-active-text: #fb923c; --sidebar-active-bg: #292524;
}
*/

/* Personalización de scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Animaciones */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }
.animate-slide-up { animation: slideUp 0.4s ease-out forwards; }

/* Estilos Sidebar Tabs */
.tab-active { background-color: var(--sidebar-active-bg); color: var(--sidebar-active-text); font-weight: 600; border-right: 4px solid var(--primary-500); }
.tab-inactive { color: var(--sidebar-text); font-weight: 500; }
.tab-inactive:hover { background-color: var(--sidebar-hover); color: #fff; }