feat(comparacao): radar de notas, gráfico de consumo e suporte a TinyML; release 1.9.0

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/[locale]/comparacao/page.jsx

@@ -4,6 +4,7 @@ import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 import PlacasSugeridas from "@/components/PlacasSugeridas";
 import PageHero from "@/components/PageHero";
+import ComparacaoGraficos from "@/components/ComparacaoGraficos";
 import { useEffect, useState, useMemo, Fragment } from "react";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
@@ -651,6 +652,10 @@ export default function Comparacao() {
 					</div>
 				</section>
 
+				<div className="shell mt-8">
+					<ComparacaoGraficos chips={selectedSeries} locale={currentLocale} />
+				</div>
+
 				<section className="shell mt-8" aria-labelledby="tabela-titulo">
 					<div className="flex flex-wrap items-center justify-between gap-3">
 						<h2 id="tabela-titulo" className="text-base font-semibold text-ink">

app/globals.css

@@ -134,6 +134,11 @@
 	--ok-soft: #e8f6ee;
 	--danger: #9b1c1c;
 	--danger-soft: #fdeded;
+	/* Séries dos gráficos (paleta categórica validada para daltonismo). */
+	--serie-1: #2a78d6;
+	--serie-2: #eb6834;
+	--serie-3: #1baf7a;
+	--serie-4: #eda100;
 	--code-bg: #07090d;
 	--code-ink: #f4f6f8;
 	--glow-a: rgb(13 148 136 / 0.1);
@@ -170,6 +175,10 @@
 	--ok-soft: #0f2a1c;
 	--danger: #ff9b9b;
 	--danger-soft: #331517;
+	--serie-1: #3987e5;
+	--serie-2: #d95926;
+	--serie-3: #199e70;
+	--serie-4: #c98500;
 	--code-bg: #040609;
 	--code-ink: #f4f6f8;
 	--glow-a: rgb(45 212 191 / 0.1);