/* =====================================================================
   Aki · tema CLARO (html[data-tema="claro"])
   Carregado depois de style.css e vidro.css. Troca os valores das variáveis
   (cores-base, véu, vidro, barras) e corrige o que ainda tinha cor escura fixa.
   Papel morno no fundo, cartões de vidro branco, dourado mais escuro nos textos.
   ===================================================================== */
html { color-scheme: dark; }
html[data-tema="claro"] {
  color-scheme: light;
  --plano: #f3f1ec;
  --superficie: #ffffff;
  --superficie-2: #f7f5f1;
  --superficie-3: #eeebe4;
  --tinta: #1b1a16;
  --tinta-2: #57534a;
  --tinta-mudo: #858075;
  --tinta-forte: #000;
  --hairline: rgba(40, 34, 20, 0.09);
  --borda: rgba(40, 34, 20, 0.1);
  --borda-forte: rgba(40, 34, 20, 0.18);
  --trilha: #e5e1d8;
  --acento: #9b743b;
  --acento-claro: #775321;
  --acento-escuro: #60441c;
  --acento-tinto: rgba(155, 116, 59, 0.13);
  --ouro: #fbc560;
  --ouro-2: #9b743b;
  --ouro-texto: #775321;
  --ouro-tinta: #231703;
  --bom: #1f9d55;
  --critico: #d93a3a;
  --veu: 40 34 20;
  --vidro-brilho: rgba(255, 255, 255, 0.95);
  --vidro-sombra: 0 12px 30px -18px rgba(70, 52, 18, 0.32);
  --vidro-grad: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78) 60%);
  --vidro-barra: linear-gradient(160deg, rgba(255, 255, 255, 0.88), rgba(249, 247, 242, 0.82));
}
/* Troca de tema sem animar tudo junto. */
html.trocando-tema *, html.trocando-tema *::before, html.trocando-tema *::after { transition: none !important; }

/* Fundo: luz morna e suave sobre papel. */
html[data-tema="claro"] body::before {
  background:
    radial-gradient(30% 24% at 28% 22%, rgba(240, 176, 64, 0.26), transparent 70%),
    radial-gradient(28% 24% at 80% 34%, rgba(150, 120, 230, 0.12), transparent 70%),
    radial-gradient(36% 28% at 42% 78%, rgba(244, 196, 110, 0.2), transparent 70%);
}
html[data-tema="claro"] ::selection { background: rgba(var(--ouro-rgb), 0.35); color: var(--tinta); }
html[data-tema="claro"] ::-webkit-scrollbar-thumb { background: #cfcac0; }

/* Topo, barras flutuantes e janelas: vidro branco. */
html[data-tema="claro"] .topo.topo-compacto { background: rgba(250, 248, 244, 0.78); border-bottom-color: var(--hairline); }
html[data-tema="claro"] .topo .botao-icone { background: rgba(255, 255, 255, 0.75); box-shadow: inset 0 0 0 1px var(--hairline), 0 4px 12px -8px rgba(70, 52, 18, 0.4); }
html[data-tema="claro"] .topo-logo { box-shadow: 0 0 0 1px rgba(40, 34, 20, 0.12), 0 6px 16px -8px rgba(160, 110, 20, 0.5); }
html[data-tema="claro"] .nav-inferior,
html[data-tema="claro"] .chat-entrada,
html[data-tema="claro"] .iamac-compositor .chat-entrada.iamac-entrada,
html[data-tema="claro"] :is(.leitor-topo, .leitor-ferramentas, .leitor-barra-extra, .leitor-lateral) {
  box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.08), 0 16px 36px -18px rgba(70, 52, 18, 0.4);
}
html[data-tema="claro"] .nav-marcador { background: rgba(40, 34, 20, 0.07); box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.05); }
html[data-tema="claro"] .nav-item:not(.ativo):not(.ativo-pai) { color: var(--tinta-mudo); }
html[data-tema="claro"] .modal {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 246, 241, 0.96));
  box-shadow: inset 0 1px 0 #fff, 0 -18px 50px rgba(70, 52, 18, 0.18);
}
html[data-tema="claro"] .modal::before { background: rgba(40, 34, 20, 0.18); }

/* Campos: brancos com contorno fino. */
html[data-tema="claro"] :is(input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="time"],
  input[type="password"], input[type="search"], select, textarea) {
  background: #fff; border-color: rgba(40, 34, 20, 0.13); color: var(--tinta);
}
html[data-tema="claro"] :is(input, select, textarea):focus { background: #fff; border-color: rgba(155, 116, 59, 0.7); }
html[data-tema="claro"] :is(.chat-entrada, .ia-perguntar, .banco-busca) :is(input, textarea) { background: transparent; }
html[data-tema="claro"] input:-webkit-autofill { -webkit-text-fill-color: var(--tinta); box-shadow: 0 0 0 1000px #fff inset; }

/* Botões e pílulas. */
html[data-tema="claro"] .botao-fantasma { background: rgba(255, 255, 255, 0.85); box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.1), 0 4px 12px -10px rgba(70, 52, 18, 0.4); }
html[data-tema="claro"] .pilula, html[data-tema="claro"] .pagina-abas .pilula { background: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.08); }
html[data-tema="claro"] .pilula.ativa, html[data-tema="claro"] .pagina-abas .pilula.ativa { background: rgba(var(--ouro-rgb), 0.2); color: var(--ouro-texto); box-shadow: inset 0 0 0 1px rgba(155, 116, 59, 0.35); }

/* Chat. */
html[data-tema="claro"] .mensagem.assistente pre { background: #f4f1ea; }
html[data-tema="claro"] .mensagem.assistente code { background: rgba(40, 34, 20, 0.06); }
html[data-tema="claro"] .aviso { background: rgba(var(--ouro-rgb), 0.12); box-shadow: inset 0 0 0 1px rgba(155, 116, 59, 0.25); color: var(--tinta-2); }
html[data-tema="claro"] .entrada-mensagem.erro, html[data-tema="claro"] .aj-excluir-conta { color: #c62f2f; }
html[data-tema="claro"] .entrada-mensagem.ok { color: #1f8a4c; }

/* Simulado. */
html[data-tema="claro"] .alternativa.correta { background: rgba(31, 157, 85, 0.1); box-shadow: inset 0 0 0 1.5px rgba(31, 157, 85, 0.5); }
html[data-tema="claro"] .alternativa.errada { background: rgba(217, 58, 58, 0.08); box-shadow: inset 0 0 0 1.5px rgba(217, 58, 58, 0.45); }
html[data-tema="claro"] .alternativa.selecionada { background: rgba(var(--ouro-rgb), 0.16); }

/* Início em blocos. */
html[data-tema="claro"] .bento-mapa i { background: rgba(40, 34, 20, 0.07); }
html[data-tema="claro"] .bento-anel .trilha { stroke: rgba(40, 34, 20, 0.08); }
html[data-tema="claro"] .bento-ir { background: #231703; color: #f6c75a; }

/* Tela de entrada. */
html[data-tema="claro"] .entrada-abas { background: rgba(40, 34, 20, 0.06); }
html[data-tema="claro"] .entrada-abas button[aria-selected="true"] { background: #fff; box-shadow: 0 2px 8px -4px rgba(70, 52, 18, 0.35); }
html[data-tema="claro"] .entrada-externo.apple { background: #000; color: #fff; }
html[data-tema="claro"] .entrada-externo.google { background: #fff; box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.15); }

/* ---------- Painéis, menus e barras com fundo escuro fixo no style.css ---------- */
html[data-tema="claro"] :is(.ia-lab-chat, .cartao.anamnese-acoes, .toast, .leitor-selbar, .leitor-sair-modo, .leitor-mostrar-interface,
  .leitor-texto-barra, .gravacao-flutuante, .admin-toolbar, .menu-ctx, .voz-doca, .apr-aviso, .notebook-extensao select,
  .esc-painel-revisoes, .esc-barra, .esc-dock, .esc-flutuante, .esc-menu, .esc-comando-pesquisa-wrap, .esc-comando-resultados,
  .esc-painel-nav, .esc-topo, .esc-painel-comentarios, .esc-painel-notas, .esc-painel-editor, .esc-painel-graficos) {
  background: rgba(255, 255, 255, 0.94); color: var(--tinta);
  border-color: var(--borda);
  box-shadow: inset 0 0 0 1px rgba(40, 34, 20, 0.07), 0 14px 34px -18px rgba(70, 52, 18, 0.35);
}
html[data-tema="claro"] :is(.esc-modelo-previa, .ia-tabela th, .anamnese-preview-json, .admin-metadados pre) { background: #f2efe8; color: var(--tinta); }
html[data-tema="claro"] .esc-modelo-previa:hover { background: #ebe7de; }
html[data-tema="claro"] .esc-regua { background: #ece8e0; }
html[data-tema="claro"] .esc-regua-margem { background: #e1ddd4; }
html[data-tema="claro"] .esc-abas-acoes { background: linear-gradient(90deg, transparent, var(--plano) 30%); }
/* Área em volta da página (leitor de PDF e editor de documentos): cinza claro. */
html[data-tema="claro"] :is(.leitor-rolagem, .esc-tela, .esc-area-editor, .esc-rolagem) { background: #e7e4dd; }

/* ---------- Textos com cor clara fixa ---------- */
html[data-tema="claro"] .enunciado { color: var(--tinta); }
html[data-tema="claro"] :is(.anamnese-contexto-ferramenta strong, .anamnese-semiologia-resumo, .anamnese-semiologia-numero,
  .anamnese-evidencia a, .anamnese-fhir-fontes summary, .anamnese-fhir-fontes a) { color: #1f6a96; }
html[data-tema="claro"] :is(.anamnese-alertas-lista li, .anamnese-apoio-alerta, .anamnese-secao-status, .aj-conta-icone, .nav-admin) { color: #8a5a00; }
html[data-tema="claro"] .nav-admin.ativo { color: var(--ouro-texto); }
html[data-tema="claro"] :is(.anamnese-secao-status.completo, .anamnese-privacidade-ok, .aj-conta-status.conectado, .admin-selo.ativo) { color: #1c7a43; }
html[data-tema="claro"] :is(.clin-emergencia-aviso, .anamnese-status.erro, .anamnese-dados-suporte.ausente, .anamnese-midia-status.erro,
  .anamnese-privacidade-achados.bloqueado, .aj-conta-aviso, .gravacao-status, .gravacao-finalizar) { color: #b3261e; }
html[data-tema="claro"] .voz-aj-aviso { color: #8a5a00; }

/* Pretos translúcidos do style.css (contador de páginas, zoom, receita, Admin…). */
html[data-tema="claro"] :is(.leitor-pag-cx, .leitor-zoom-valor, .chat-web-toggle) { background: rgba(40, 34, 20, 0.07); color: var(--tinta); }
html[data-tema="claro"] :is(.clin-receita-modelo, .clin-receita-resultado, .admin-bloco, .admin-metadados details) { background: rgba(255, 255, 255, 0.7); }
html[data-tema="claro"] #camada-modal:not(:empty) { background: rgba(40, 32, 16, 0.26); }
html[data-tema="claro"] .menu-ctx-camada { background: rgba(40, 32, 16, 0.16); }
html[data-tema="claro"] .chat-mensagem-imagem { background: rgba(40, 34, 20, 0.06); }
@media (any-hover: hover) { html[data-tema="claro"] .nav-item:not(.ativo):not(.ativo-pai):hover { color: var(--tinta); } }