/* Os tokens que só o site usa, por cima de marca/tokens.css (que vem do tolive-base e não se edita aqui). Este é o
   único arquivo do site que escreve cor (o .conferir-marca.json permite), como o css/tokens.css do Finanças.

   - "noite": as seções escuras do site (o herói, a do Toly, os cartões escuros). São os tons do tema escuro da marca
     usados como parte da página clara (o site é sempre claro: data-tema="claro" no <html>). Vieram do design do site
     (o canvas, out/2026) e do v2.css que cresceu em /v2/.
   - "outro-app": o celular de "um app comum" na comparação do Início, que de propósito não tem a cara da toLive.

   Token que outro app passar a usar sobe pra base. */
:root {
  --noite: #111111;
  --noite-cartao: #1E1D1B;
  --noite-borda: #3A3936;
  --noite-linha: #33322F;
  --noite-contorno: #6B6963;
  --noite-tinta: #EBEAE5;
  --noite-tinta-2: #A3A099;
  --noite-tinta-3: #8F8D86;
  --noite-apoio: #D6D3CC;
  --noite-positivo: #9FD3B8;
  --noite-hover: #2A2927;
  --noite-sinal: #FF7A4A;
  --noite-dominio-fundo: #2E1F30;

  /* o branco: o fundo de um botão claro ou de uma escolha sob o dedo, um tom acima do cartão */
  --realce: #FFFFFF;

  --outro-app-fundo: #F4F4F6;
  --outro-app-cartao: #FFFFFF;
  --outro-app-tinta: #22242A;
  --outro-app-tinta-2: #5A5D66;
}

/* As cores da suíte: o Início e o Começar mostram os cinco apps lado a lado, cada um com a cor dele (sempre com o
   nome junto, guia, seção 3). Os valores são os do tema claro de marca/dominios.css, que só pinta pelo <html>; aqui
   eles valem num elemento (class="suite-fe"). test/tokens.test.mjs confere que continuam iguais aos da base. */
.suite-financas { --suite: #7A4A7E; --suite-fundo: #EBDFEC; --suite-texto: #6A3E6E; }
.suite-fe { --suite: #3352B8; --suite-fundo: #DDE3F5; --suite-texto: #2C4BA8; }
.suite-saude { --suite: #2F6B73; --suite-fundo: #D9E9EA; --suite-texto: #255A61; }
.suite-casa { --suite: #8C6510; --suite-fundo: #F1E6C7; --suite-texto: #7A570C; }
.suite-pessoas { --suite: #A3416A; --suite-fundo: #F5DFE8; --suite-texto: #8E3359; }

/* O resto do "app comum" de mentira do Início (a comparação "Um app comum" × toLive): os tons genéricos de um app
   de finanças qualquer, com selo vermelho, azul de gráfico e gamificação. De propósito não são da marca; só esse
   celular os usa. Vieram do v2.css de /v2/ (out/2026). */
:root {
  --outro-app-sobre-cor: #FFFFFF;
  --outro-app-icone-fundo: #E1E2E8;
  --outro-app-alerta: #D93636;
  --outro-app-sequencia-fundo: #FFE3C2;
  --outro-app-sequencia: #7A3E00;
  --outro-app-nivel-fundo: #DDE4FF;
  --outro-app-nivel: #26338A;
  --outro-app-alertas-fundo: #FFD9D9;
  --outro-app-alertas: #8A1F1F;
  --outro-app-azul: #4C63E8;
  --outro-app-azul-claro: #8FA2FF;
  --outro-app-verde: #3BA56A;
  --outro-app-verde-claro: #9ED8B5;
  --outro-app-laranja: #F2A65A;
  --outro-app-ponto: #B9BBC4;
  --outro-app-aba: #D2D4DB;
  --outro-app-borda: #DADBE0;
}