/* Ajustes só do modo escuro (5ª entrega) que não cabem em token: troca de imagens e afins.
   Carrega por último. Tudo aqui começa por html[data-tema="escuro"]. */

/* Logotipo: o cabeçalho tem dois <img> (tinta e bege, da biblioteca de marca). No escuro vale o bege. */
html[data-tema="escuro"] body .alem-site-header.alem-site-header.alem-site-header .alem-brand-logo.alem-brand-logo .alem-brand-logo-light { display: block !important; opacity: 1 !important; }
html[data-tema="escuro"] body .alem-site-header.alem-site-header.alem-site-header .alem-brand-logo.alem-brand-logo .alem-brand-logo-dark { display: none !important; }
html[data-tema="escuro"] .alem-busca-logo-img, html[data-tema="escuro"] body .alem-footer .alem-footer-brand { background-image: url("../brand/wordmark-beige-v7.png"); }

/* Celular: no modo escuro a cápsula Capa · Revista · Tendências fica escura, com a pílula do item atual clara
   (o inverso do modo claro, onde o fundo é claro e a pílula é escura). */
@media (max-width: 820px) {
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav { background: var(--alem-nanquim, #0c0d0e) !important; border-color: transparent !important; color: var(--alem-texto-tela, #f6f3ee) !important; }
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav .alem-home-section-tab:not(.is-selected) { color: color-mix(in srgb, var(--alem-texto-tela, #f6f3ee) 72%, transparent) !important; }
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav .alem-home-section-tab.is-selected { color: var(--alem-nanquim, #0c0d0e) !important; }
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav .alem-home-tab-indicator { background: var(--alem-texto-tela, #f6f3ee) !important; box-shadow: none !important; }
  /* recolhida: os pontinhos ficam claros sobre o escuro */
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav { --alem-nav-dot: var(--alem-texto-tela, #f6f3ee) !important; --alem-nav-active-dot: var(--alem-texto-tela, #f6f3ee) !important; --alem-nav-line: var(--alem-texto-tela, #f6f3ee) !important; }
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav.is-compact:not(.is-revealed) .alem-home-section-tab::after { background: var(--alem-texto-tela, #f6f3ee) !important; }
  /* a bolha recolhida segue a cápsula: escura, com os pontinhos claros */
  html[data-tema="escuro"] body.home .alem-home-section-nav.alem-home-section-nav.is-compact:not(.is-revealed) { background: color-mix(in srgb, var(--alem-nanquim, #0c0d0e) 92%, transparent) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .45) !important; border-color: color-mix(in srgb, var(--alem-texto-tela, #f6f3ee) 14%, transparent) !important; }
}