fix(demos): SIETE demos de la familia chart afirmaban no tener tokens, y tienen 45

La pestaña «Eidos recipe» de chart decía «No --chart-* tokens — the chart styles
from global theme tokens directly», y desde el commit que la tokenizó hay 45
claves públicas en recipes/base.ts. Al añadirle la pestaña Tokens al lado, la
demo se contradecía consigo misma: un panel listando 45 junto a un párrafo
jurando que no hay ninguna.

Lo destapó la sesión que añadió la pestaña, sobre chart. El grep con el que fui
a comprobar si era un caso aislado pedía la frase entera y me devolvió DOS —
line-chart repetía la de chart palabra por palabra. Repetido sin filtro de
frase: son SIETE. area-chart, bar-chart, pie-chart y scatter-chart la dicen
corta («styles from global theme tokens») y sparkline con otra coda.

Es la memoria «grep en brief vuelve certificado»: un barrido que pide la
redacción exacta encuentra las copias literales y pierde las variantes, que es
justo donde vive el resto del defecto.

Corregidas las siete con lo que es cierto, y sin perder lo que la frase vieja
acertaba: los seis derivados VISTEN la receta de chart —su superficie son esas
45 claves, no un bloque propio— y las series siguen re-tiñéndose con el tema,
porque el default de cada clave ES el token global que antes se leía a pelo.
Eso es exactamente lo que la costura §2-A promete y aquí queda escrito para
quien lea la demo.

npm run check COMPLETED con los 72 errores preexistentes de la rama, ninguno de
estos siete ficheros.

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

web/routes/uix/components/area-chart/+page.svelte

@@ -218,7 +218,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — styles from global theme tokens.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. Styles still follow the theme — each key’s default IS the global token it used to read.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/bar-chart/+page.svelte

@@ -219,7 +219,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — styles from global theme tokens.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. Styles still follow the theme — each key’s default IS the global token it used to read.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/chart/+page.svelte

@@ -248,7 +248,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — the chart styles from global theme tokens directly, so series re-tint with the theme. <code>chart.css</code> is code-split (imported from <code>chart.svelte</code>).</p>
+			<p data-uix-section-desc><strong>45 <code>--chart-*</code> tokens</strong> in <code>lib/recipes/base.ts</code> — see the <strong>Tokens</strong> tab, which reads the live contract. Series still re-tint with the theme: each key’s default IS the global token it used to read. <code>chart.css</code> is code-split (imported from <code>chart.svelte</code>).</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/line-chart/+page.svelte

@@ -261,7 +261,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — the chart styles from global theme tokens directly, so series re-tint with the theme.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. Series still re-tint with the theme — each key’s default IS the global token it used to read.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/pie-chart/+page.svelte

@@ -190,7 +190,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — styles from global theme tokens.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. Styles still follow the theme — each key’s default IS the global token it used to read.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/scatter-chart/+page.svelte

@@ -198,7 +198,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — styles from global theme tokens.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. Styles still follow the theme — each key’s default IS the global token it used to read.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>

web/routes/uix/components/sparkline/+page.svelte

@@ -192,7 +192,7 @@
 	{#if tab === 'recipe'}
 		<section data-uix-section>
 			<h2 data-uix-section-title>Eidos recipe</h2>
-			<p data-uix-section-desc>No <code>--chart-*</code> tokens — the line/area colour comes from the role token.</p>
+			<p data-uix-section-desc>It dresses the <code>chart</code> recipe: its surface is the <strong>45 <code>--chart-*</code> tokens</strong> of <code>lib/recipes/base.ts</code>, not a block of its own. The line/area colour still comes from the role token — that IS the default of the key that now reaches it.</p>
 			<div data-uix-table-wrap>
 				<table data-uix-table>
 					<thead><tr><th>Surface</th><th>Token</th></tr></thead>