/* Paleta da interface do GeniePost Content Studio — fonte ÚNICA.
 *
 * Antes cada página (10 arquivos) repetia o próprio :root com o coral do
 * Airbnb. Um rebrand exigia editar os dez e sempre sobrava um. Agora as cores
 * de marca moram aqui; as páginas guardam no :root só o que é delas (tinta,
 * sombras, raio).
 *
 * Isto é a interface do estúdio, NÃO a arte das peças: as paletas que o
 * usuário aplica nas telas continuam em themes/ e nas variáveis --b-*.
 *
 * Contrastes medidos em 12/09/2026:
 *   branco sobre --acao #E80810 ............ 4.69:1  (o coral era 3.05 — reprovava)
 *   branco sobre --acao-esc #C4070E ........ 6.21:1
 *   --serie-esc #007D73 sobre branco ....... 5.02:1  (#008C81 era 4.14)
 *     sobre --soft #F7F7F7 ................. 4.69:1
 *     sobre --chip-teal #E6F6F5 ............ 4.51:1
 *   --acao-esc sobre --chip #FDECEC ........ 5.43:1  (texto vermelho em chip usa
 *                                                     o escuro: #E80810 dá 4.11)
 *   --manteiga sobre --acao ................ 3.53:1  (só marca e texto grande;
 *                                                     sobre branco é ~1.3 — nunca)
 *
 * Papéis: vermelho = agir (botão, foco, alerta). Verde = informar (rótulo,
 * selecionado, enviado). Nunca vermelho contra verde como único sinal:
 * ~8% dos homens não distingue os dois.
 */
:root{
  --acao:#E80810; --acao-esc:#C4070E;
  --serie:#00A699; --serie-esc:#007D73;
  --chip:#FDECEC; --chip-line:#F7C6C8;
  --chip-teal:#E6F6F5; --chip-teal-line:#B8E5E1;
  --manteiga:#F6DE92;
}

/* O logo onde antes havia o círculo coral. */
.gi-logo{width:26px;height:26px;display:block;flex:0 0 auto;border-radius:50%}
/* O nome ao lado do selo, como PALAVRA e não como segunda marca.
   A pílula vermelha ao lado do círculo vermelho lia como dois logos: duas
   formas cheias, da mesma cor, disputando a mesma função. Agora o selo é a
   única forma; o nome é só tipografia.
   Vermelho sobre claro dá 4,69:1 e passa. Amarelo manteiga sobre claro dá
   1,33:1 — por isso ele só aparece onde o fundo já é escuro. */
.gi-nome{display:inline-block;font-weight:800;letter-spacing:-.015em;color:var(--acao);
  background:none;padding:0;line-height:1.4;white-space:nowrap}
.gi-escuro .gi-nome{color:var(--manteiga)}