/* Chat — tema visual sobre LibreChat v0.8.8-rc3 (revalidado em 2026-09-23;
   docs/MARCA-2026-09-16.md). Paleta: azul monocromático da marca (igual ao
   DJEN-Service) — IDENTIDADE VISUAL apenas; o nome do produto é só "Chat".
   Azul só para ação e marca; resto monocromático cinza.
   Tokens verificados NA IMAGEM v0.8.8-rc3 (index.ip70R3Sf.css):
   - a camada semântica vive nos escopos `html` (claro) e `.dark` (escuro);
   - MUDANÇA do rc3: os utilitários consomem os tokens como
     `rgb(var(--token) / opacity)` — os valores DEVEM ser tripletos RGB
     ("26 79 158"), NÃO hex. Hex resolve em rgb(#1a4f9e / 1), que é
     inválido → propriedade fica unset → botão transparente e texto
     --text-on-status (branco) sobre fundo branco: invisível no tema
     claro (incidente de 2026-09-23 no dialog "Criar projeto");
   - ação (variante "submit"): --surface-submit/-hover (verde upstream);
   - foco: --ring-primary (triplete; o --ring de shadcn NÃO existe no rc3);
   - marca: --brand-purple (triplete);
   - o mp-theme.css entra ANTES do bundle upstream no head — os seletores
     usam html:root/:root.dark (especificidade acima de html/.dark). */

/* --- tema claro --- */
html:root {
  --brand-purple: 26 79 158;         /* era #ab68ff (roxo upstream) */
  --surface-submit: 26 79 158;       /* era var(--green-700) — #1a4f9e */
  --surface-submit-hover: 20 60 124; /* era var(--green-800) — #143c7c */
  --ring-primary: 26 79 158;         /* era var(--gray-500) */
}

/* --- tema escuro (automático, sem seletor) --- */
:root.dark {
  --brand-purple: 47 106 203;        /* #2f6acb */
  --surface-submit: 47 106 203;
  --surface-submit-hover: 85 132 214; /* #5584d6 */
  --ring-primary: 105 167 255;       /* #69a7ff */
}

/* --- links verdes hardcoded das telas de autenticação (hrefs fixos; cor
       direta na propriedade, hex ok aqui) --- */
:root a[href='/forgot-password'],
:root a[href='/register'],
:root a[href='/login'] {
  color: #1a4f9e;
}

:root a[href='/forgot-password']:hover,
:root a[href='/register']:hover,
:root a[href='/login']:hover {
  color: #143c7c;
  text-decoration-color: #143c7c;
}

:root.dark a[href='/forgot-password'],
:root.dark a[href='/register'],
:root.dark a[href='/login'] {
  color: #69a7ff;
}

:root.dark a[href='/forgot-password']:hover,
:root.dark a[href='/register']:hover,
:root.dark a[href='/login']:hover {
  color: #96bdff;
  text-decoration-color: #69a7ff;
}