/* =========================================================
   yoga.pro.br — modo escuro (opcional, escolhido pelo leitor)
   Ativado pela classe .modo-escuro no <html>, posta pelo botão «modo escuro» do cabeçalho
   (mu-plugins/ypro-modo-escuro.php). Criado em 02/11/2026.
   A ideia: trocar as cores-base da paleta (papel, cal, tinta, linha) por versões noturnas,
   para que todo o site acompanhe; e ajustar à mão o que tem cor fixa.
   ========================================================= */

html.modo-escuro {
  color-scheme: dark;
  --ye-fundo: #121827;
  --ye-cartao: #1A2233;
  --ye-texto: #E7E4DA;
  --ye-suave: #AEB3C2;
  --ye-linha: #2D3750;
  --ye-vermelho: #E7765F;

  /* paleta do tema */
  --cal: var(--ye-fundo);
  --papel: var(--ye-cartao);
  --tinta: var(--ye-texto);
  --tinta-suave: var(--ye-suave);
  --linha: var(--ye-linha);
  --sindura: var(--ye-vermelho);

  /* mesmas cores nas predefinições do WordPress (blocos com cor escolhida no editor) */
  --wp--preset--color--cal: var(--ye-fundo);
  --wp--preset--color--papel: var(--ye-cartao);
  --wp--preset--color--tinta: var(--ye-texto);
  --wp--preset--color--tinta-suave: var(--ye-suave);
  --wp--preset--color--linha: var(--ye-linha);
}
html.modo-escuro body { background: var(--ye-fundo); color: var(--ye-texto); }
html.modo-escuro ::selection { background: rgba(201,150,43,.45); color: #fff; }

/* Links e botões vermelhos: um vermelho mais claro, legível no escuro */
html.modo-escuro .botao-cheio, html.modo-escuro .wp-block-button__link:not(.has-background) { background: #C8402C; border-color: #C8402C; color: #fff; }

/* Cabeçalho, menus e rodapé já são escuros: só um pouco mais fundos */
html.modo-escuro .cabecalho { background: color-mix(in srgb, #0E1424 94%, transparent); }

/* Abertura da página inicial: sempre a luz da noite */
html.modo-escuro .chegada { --luz: #1E2B48; --luz-texto: #ECEAE2; }
html.modo-escuro .chegada h1 em { color: var(--haldi); }

/* Textos sânscritos e artigos (formato ypro-txt) */
html.modo-escuro .ypro-txt {
  --yt-red: #E7765F; --yt-red-soft: rgba(231,118,95,.35);
  --yt-ink: #ECE9DF; --yt-text: #DAD6CB; --yt-grey: #B8BCC8; --yt-soft: #9CA2B3; --yt-rule: #2D3750;
}
html.modo-escuro .ypro-txt h2.ypro-txt-est::before { box-shadow: 0 0 0 .45rem var(--ye-fundo); }
html.modo-escuro .texto, html.modo-escuro .article-post, html.modo-escuro .entry-content { color: var(--ye-texto); }
html.modo-escuro :is(.texto, .entry-content) :is(h1, h2, h3, h4, h5, h6) { color: #F1EEE5; }
html.modo-escuro :is(.texto, .entry-content) blockquote { color: #DAD6CB; }
html.modo-escuro :is(.texto, .entry-content) :is(code, pre) { background: #0E1424; color: #E7E4DA; }
html.modo-escuro :is(.texto, .entry-content) table :is(td, th) { border-color: var(--ye-linha); }
html.modo-escuro :is(.texto, .entry-content) hr { border-color: var(--ye-linha); }

/* Peças com fundo branco fixo */
html.modo-escuro .aviso-toast { background: #ECEAE2; color: #141D33; }
html.modo-escuro .casal-foto.com-arco { background: linear-gradient(90deg, #3a3220, #463b22 40%, #4a3f24); }
html.modo-escuro input, html.modo-escuro textarea, html.modo-escuro select { color: var(--ye-texto); background-color: var(--ye-cartao); border-color: var(--ye-linha); }
html.modo-escuro ::placeholder { color: #8F96AB; }

/* Imagens: um pouco menos de brilho, para não ofuscar; logos e ícones ficam como estão */
html.modo-escuro :is(.texto, .entry-content, .ypro-txt) img:not([src$=".svg"]) { filter: brightness(.9); }

/* Folha de pippal (foto 66): no escuro, a folha fica clara sobre o fundo, como à noite */
html.modo-escuro .folha66:not(.escuro) { mix-blend-mode: screen; }
html.modo-escuro .folha66:not(.escuro) img { filter: invert(1); }
html.modo-escuro .folha66:not(.escuro)::after { mix-blend-mode: multiply; }
html.modo-escuro .mapa-folha .folha66 { --folha-cor: var(--pippal-claro); }
html.modo-escuro .folha66-fundo { --folha-cor: var(--haldi); opacity: .4; }

/* Textos e traços em verde pippal: verde claro, para ler no escuro
   (os blocos de fundo verde continuam com o verde escuro) */
html.modo-escuro :is(.mapa-cabeca h2 em, .temas-grupo > span, .curso-quando, .busca-resultados h3, .tm-cat, .au-trad, .dc-sub) { color: var(--pippal-claro); }
html.modo-escuro .lado-nome { fill: var(--pippal-claro); }
html.modo-escuro .cat .no { stroke: var(--pippal-claro); }
html.modo-escuro .sumario a.ativo::before { background: var(--pippal-claro); border-color: var(--pippal-claro); }

/* Folha de pippal da página 404: verde claro, para aparecer no escuro */
html.modo-escuro .er-folha { color: var(--pippal-claro); }

/* Interruptor «modo escuro» no cabeçalho: como quem acende ou apaga uma luz */
.modo-botao {
  display: inline-flex; align-items: center; gap: .55rem; white-space: nowrap;
  background: none; border: 0; padding: .3rem .2rem; cursor: pointer;
  font: inherit; font-size: .95rem; color: var(--sobre-escuro, #ECEAE2);
}
.modo-botao:hover .modo-rotulo { color: var(--haldi, #C9962B); }
.modo-botao:focus-visible { outline: 2px solid var(--haldi, #C9962B); outline-offset: 3px; border-radius: 999px; }
.modo-trilho {
  position: relative; display: inline-block; width: 2.6rem; height: 1.45rem; flex: none;
  border-radius: 999px; background: rgba(236,234,226,.22); border: 1px solid rgba(236,234,226,.35);
  transition: background .25s, border-color .25s;
}
.modo-botaozinho {
  position: absolute; top: 50%; left: .16rem; width: 1.08rem; height: 1.08rem; margin-top: -.54rem;
  border-radius: 50%; background: #ECEAE2; box-shadow: 0 1px 3px rgba(0,0,0,.35);
  transition: transform .25s cubic-bezier(.45,.05,.25,1), background .25s;
}
.modo-botao[aria-checked="true"] .modo-trilho { background: var(--haldi, #C9962B); border-color: var(--haldi, #C9962B); }
.modo-botao[aria-checked="true"] .modo-botaozinho { transform: translateX(1.12rem); background: #141D33; }
@media (max-width: 520px) {
  .modo-botao { font-size: .8rem; gap: .4rem; }
  .modo-trilho { width: 2.3rem; height: 1.3rem; }
  .modo-botaozinho { width: .95rem; height: .95rem; margin-top: -.475rem; }
  .modo-botao[aria-checked="true"] .modo-botaozinho { transform: translateX(.98rem); }
}
@media (prefers-reduced-motion: no-preference) {
  html.modo-troca, html.modo-troca body, html.modo-troca * { transition: background-color .35s, color .35s, border-color .35s !important; }
}

/* Caixa «Uma carta a cada 15 dias»: um pouco mais clara que o fundo, e o Hanuman em traço claro */
html.modo-escuro .carta { background: #2A3550; border-color: #3B4866; }
html.modo-escuro .carta .lead { color: #C9CCD6; }
html.modo-escuro .carta input { background: #1A2233; border-color: #46536F; }
html.modo-escuro .carta .redes a { border-color: #46536F; }
html.modo-escuro .carta-hanuman img { mix-blend-mode: screen; filter: invert(1) sepia(.35) brightness(.95); }

/* Rótulo do interruptor em duas linhas («modo» por cima de «escuro»), para ocupar menos espaço (02/11/2026) */
.modo-botao { gap: .45rem; }
.modo-rotulo { display: inline-block; white-space: normal; width: min-content; line-height: 1.02; text-align: right; font-size: .82em; letter-spacing: .02em; }