/* EMÉRITO · tema claro/escuro (v3)
   Carregado SEMPRE depois do home-v2.css. Faz duas coisas:
   1) transforma em variável toda cor que o home-v2.css deixou fixa no código
      (fundos, sombras, campos de formulário, brilhos dourados);
   2) inverte a paleta inteira em :root[data-tema="claro"], com os tons de
      ouro escurecidos para passar em contraste AA sobre fundo claro. */

/* ===== variáveis do tema escuro (padrão) ===== */
:root{
  --topo-bg:rgba(11,10,8,.94);
  --faixa-bg:#0D0C09;
  --secao-alt:#100E0B;
  --rodape-bg:#080705;
  --campo-bg:#211C14;
  --campo-bg-foco:#262015;
  --carta-sombra:0 34px 80px rgba(0,0,0,.45);
  --menu-sombra:0 24px 60px rgba(0,0,0,.35);
  --brilho-ouro:rgba(201,162,83,.09);
  --brilho-ouro-forte:rgba(201,162,83,.13);
  --contorno-num:rgba(201,162,83,.5);
  --prosa-alt:#675E4E;
  --erro:#D9A79B;
  --erro-linha:rgba(217,167,155,.45);
  --hero-topo:#F8F3E8;
  --hero-meio:#EFE7D5;
  --hero-fim:rgba(233,222,201,.6);
  --logo-filtro:none;
}

/* ===== tema claro ===== */
:root[data-tema="claro"]{
  --tinta:#F4EFE3;
  --carvao:#EAE2D0;
  --carvao-2:#E0D6BF;
  --papel:#181410;
  --papel-2:#241E15;
  --marfim:#2E2718;
  --grafite:#4A4132;
  --apagado:#5F553F;
  --ouro:#7A5E22;
  --ouro-claro:#5E4818;
  --bronze:#6E5526;
  --linha:rgba(110,85,38,.34);
  --linha-suave:rgba(110,85,38,.14);
  --linha-escura:rgba(24,20,16,.14);

  --topo-bg:rgba(244,239,227,.94);
  --faixa-bg:#EDE6D8;
  --secao-alt:#EDE6D8;
  --rodape-bg:#E7DFCD;
  --campo-bg:#FFFCF4;
  --campo-bg-foco:#FFFFFF;
  --carta-sombra:0 24px 60px rgba(74,65,50,.14);
  --menu-sombra:0 20px 44px rgba(74,65,50,.16);
  --brilho-ouro:rgba(122,94,34,.07);
  --brilho-ouro-forte:rgba(122,94,34,.1);
  --contorno-num:rgba(110,85,38,.5);
  --prosa-alt:#4A4132;
  --erro:#96331F;
  --erro-linha:rgba(150,51,31,.45);
  --hero-topo:#26200F;
  --hero-meio:#312918;
  --hero-fim:rgba(74,65,50,.72);
  --logo-filtro:brightness(.6) saturate(1.4) contrast(1.15);
}

/* ===== cores que estavam fixas no home-v2.css ===== */
.topo{background:var(--topo-bg)}
/* a sombra do menu só existe na versão dropdown do mobile */
@media (max-width:820px){.menu{box-shadow:var(--menu-sombra)}}
.faixa{background:var(--faixa-bg)}
.faixa-lista li::after{background:var(--bronze);opacity:.55}
.rodape{background:var(--rodape-bg)}

/* background-image, nunca o atalho background: o atalho zera o
   background-clip:text do home-v2.css e o degradê vira um retângulo */
.hero h1{background-image:linear-gradient(180deg,var(--hero-topo) 0%,var(--hero-meio) 55%,var(--hero-fim) 100%);-webkit-background-clip:text;background-clip:text}
.hero::before{background:radial-gradient(ellipse at center,var(--brilho-ouro),transparent 62%)}
.hero-moldura{background:var(--carvao-2)}
.hero-quadro figcaption{background:var(--topo-bg)}

.metodo-num,.acordeon-num{-webkit-text-stroke-color:var(--contorno-num)}
.entregas-secao,.quem-secao{background:linear-gradient(180deg,var(--tinta),var(--secao-alt))}
.ativo-secao,.faq-secao{background:var(--secao-alt)}
.chamada{background:radial-gradient(circle at 50% 100%,var(--brilho-ouro-forte),transparent 44%),var(--tinta)}
.diagnostico-secao{background:radial-gradient(circle at 12% 100%,var(--brilho-ouro),transparent 44%),var(--tinta)}
.sistema-secao{background:radial-gradient(ellipse at 80% 34%,var(--brilho-ouro),transparent 46%),var(--tinta)}

.secao-clara .secao-sub,.cabeca-apoio,.prosa{color:var(--prosa-alt)}
.projeto-info small{color:var(--prosa-alt)}

/* formulário: fundo dos campos e cor de erro.
   background-color e não o atalho: o select carrega a seta em background-image */
.campo input,.campo textarea,.campo select,.campo select option,
.dor span,.tf-campo input,.tf-campo textarea,.tf-opcao{background-color:var(--campo-bg)}
.campo input:focus,.campo textarea:focus,.campo select:focus{background-color:var(--campo-bg-foco)}
.campo-erro,.tf-erro,.envio-erro{color:var(--erro)}
.envio-erro{border-color:var(--erro-linha)}
.form-carta,.painel-janela{box-shadow:var(--carta-sombra)}
.painel-card{background:var(--tinta)}

/* logo é um gradiente dourado claro: no tema claro precisa escurecer
   para não sumir sobre o creme */
.marca-logo{filter:var(--logo-filtro)}

/* ===== botão de tema ===== */
.tema-botao{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex:none;
  border:1px solid var(--linha);border-radius:50%;
  background:transparent;color:var(--grafite);cursor:pointer;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.tema-botao:hover{color:var(--ouro);border-color:var(--ouro);background:var(--brilho-ouro)}
.tema-botao svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tema-icone-sol{display:block}
.tema-icone-lua{display:none}
:root[data-tema="claro"] .tema-icone-sol{display:none}
:root[data-tema="claro"] .tema-icone-lua{display:block}