fix(rosto): expressoes e reacoes mantem a cor escolhida

Surpreso, triste e dormindo usavam azuis fixos; agora usam tons da cor
escolhida (mais clara no susto, mais escura e apagada na tristeza e no
sono). Nas reacoes da biblioteca o ciano padrao vira a cor escolhida e o
azul-claro um tom claro dela, no celular e nas miniaturas do painel.
Bravo (vermelho) e coracao (rosa) continuam, pois fazem parte da emocao.

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

android/app/assets/carinha.html

@@ -98,6 +98,11 @@ const VERM    = [255, 78, 78];
 const ROSA    = [255, 112, 176];
 const AMARELO = [255, 218, 96];
 const AZUL    = [130, 170, 255];
+// Tons derivados da cor escolhida no painel (CIANO é trocada pela cor escolhida em tempo real):
+// "claro" para susto/surpresa, "escuro" para tristeza e sono. Nada de azul fixo.
+const corClara = (k) => CIANO.map((v) => v + (255 - v) * (k === undefined ? 0.4 : k));
+const corEscura = (k) => CIANO.map((v) => v * (k === undefined ? 0.62 : k));
+function resolverCor(c) { return c === "claro" ? corClara() : c === "escuro" ? corEscura() : c === "escolhida" ? CIANO.slice() : c; }
 const VERDE   = [120, 255, 160];
 const BRANCO  = [245, 250, 255];
 
@@ -302,7 +307,7 @@ function sequencias() {
   const olhar_baixo = [[{ dy: 11 }, 0.16], [{}, 0.45], [{ dy: 0 }, 0.2]];
   const feliz = [[{ forma: "feliz", esc: 1.05, boca: "sorriso" }, 0.16], [{ esc: 1.16 }, 0.18],
                  [{ esc: 1.02 }, 0.16], [{ esc: 1.13 }, 0.16], [{ esc: 1.0 }, 0.2]];
-  const surpreso = [[{ forma: "aberto", esc: 1.3, ab: 1.12, dy: -8, cor: CIANO_E, boca: "aberta" }, 0.09],
+  const surpreso = [[{ forma: "aberto", esc: 1.3, ab: 1.12, dy: -8, cor: "claro", boca: "aberta" }, 0.09],
                     [{ dy: -10 }, 0.5],
                     [{ esc: 1.0, ab: 1.0, dy: 0, cor: CIANO }, 0.25]];
   const bravo = [[{ forma: "bravo", cor: VERM, esc: 0.98, boca: "brava" }, 0.1],
@@ -311,7 +316,7 @@ function sequencias() {
   const coracao = [[{ forma: "coracao", cor: ROSA, boca: "sorriso" }, 0.12], [{ esc: 1.18 }, 0.15],
                    [{ esc: 1.0 }, 0.15], [{ esc: 1.18 }, 0.15], [{ esc: 1.0 }, 0.15],
                    [{ forma: "aberto", cor: CIANO }, 0.3]];
-  const triste = [[{ forma: "triste", cor: AZUL, dy: 5, boca: "triste" }, 0.18], [{ dy: 7 }, 0.5],
+  const triste = [[{ forma: "triste", cor: "escuro", dy: 5, boca: "triste" }, 0.18], [{ dy: 7 }, 0.5],
                   [{ forma: "aberto", cor: CIANO, dy: 0 }, 0.3]];
   const piscadinha = [[{ forma2: "dormir", esc: 1.04, boca: "sorriso" }, 0.12], [{ esc: 1.08 }, 0.5],
                       [{ forma2: "aberto", esc: 1.0 }, 0.18]];
@@ -344,6 +349,7 @@ function proximo() {
   const [alvo, dur] = r.fila[0];
   r.kf_ini = { ab: r.ab, ab2: r.ab2, esc: r.esc, dx: r.dx, dy: r.dy };
   r.cor_ini = r.cor.slice();
+  if ("cor" in alvo) alvo.cor = resolverCor(alvo.cor);   // "claro"/"escuro" viram tons da cor escolhida
   if ("forma" in alvo) r.forma = alvo.forma;
   if ("forma2" in alvo) r.forma2 = alvo.forma2;
   if ("boca" in alvo) r.boca = alvo.boca;
@@ -378,7 +384,7 @@ function passo(dt) {                       // avanca a fila; true se ha gesto em
 function repouso(t) {                      // pose calma: olha devagar, "respira"
   if (r.dormindo) {
     r.forma = "dormir"; r.forma2 = "dormir"; r.boca = "sono";
-    r.cor = lerpCor(AZUL, [40, 60, 120], 0.5 + 0.5 * Math.sin(t * 1.2));
+    r.cor = lerpCor(corEscura(0.75), corEscura(0.35), 0.5 + 0.5 * Math.sin(t * 1.2));   // respira na cor escolhida
     r.ab = 0; r.ab2 = 0;
     r.esc = 1.0 + 0.03 * Math.sin(t * 1.4);
     r.dx = 0;
@@ -536,7 +542,7 @@ function pose(nome) {
   for (const k of ["forma", "forma2", "boca", "esc", "dx", "dy", "ab", "ab2"]) {
     if (k in alvo && alvo[k] !== undefined) r[k] = alvo[k];
   }
-  if ("cor" in alvo) r.cor = alvo.cor.slice();
+  if ("cor" in alvo) r.cor = resolverCor(alvo.cor).slice();
   congelado = true;
   desenhar();
   return true;