Antes de meterle a sprint 1 etapa 4 y 5

tailwind.config.js

@@ -45,10 +45,35 @@ export default {
           DEFAULT: 'hsl(var(--card))',
           foreground: 'hsl(var(--card-foreground))',
         },
+        // ── InQ ROI brand tokens ──────────────────────────────────────────
+        // Uso: bg-inq-orange, bg-inq-orange-dark, bg-inq-magenta, etc.
+        // El gradiente identidad (#F59845 → #ED3E8F) se usa SOLO en KPI Hero
+        // y banners principales. NUNCA en bordes ni fondos secundarios.
+        inq: {
+          orange: {
+            DEFAULT: '#F59845',
+            dark: '#B45309',
+            light: '#FEF3E2',
+            lighter: '#FFF8ED',
+          },
+          magenta: '#ED3E8F',
+        },
+        // ── Heatmap (saturado, calibrado para análisis de píxeles E2E) ──
+        // DEBE coincidir con HEATMAP_LOW/MID/HIGH en src/lib/colors.ts.
+        // Cambiar solo en conjunto con recalibración de tests E2E.
         heatmap: {
-          low: '#10b981',
-          mid: '#f59e0b',
-          high: '#ef4444',
+          low: '#10B981',
+          mid: '#F59E0B',
+          high: '#EF4444',
+        },
+        // ── Semánticos ───────────────────────────────────────────────────
+        success: {
+          DEFAULT: '#16A34A',
+          light: '#F0FDF4',
+        },
+        warning: {
+          DEFAULT: '#F59E0B',
+          bg: '#FFFBEB',
         },
       },
       borderRadius: {