/*
 * Tokens de cor do modo escuro. Reaproveita os mesmos nomes de variável CSS
 * que o theme.json gera para o modo claro (--wp--preset--color--*), só
 * sobrescrevendo os valores quando <html data-theme="dark">. Como os nomes
 * são semânticos, "azul" vira um azul claro (links e botões legíveis sobre o
 * fundo escuro) e "fundo" vira escuro — botões continuam azul + texto "fundo".
 *
 * Contraste conferido (WCAG AA): tinta e texto-suave sobre fundo e
 * superfície, azul e vermelho sobre fundo, texto "fundo" sobre botão azul.
 */
:root[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--fundo: #10171f;
	--wp--preset--color--superficie: #18222d;
	--wp--preset--color--borda: #2c3a4a;
	--wp--preset--color--tinta: #e8edf2;
	--wp--preset--color--texto-suave: #a9b6c4;
	--wp--preset--color--azul: #8fb8e0;
	--wp--preset--color--azul-claro: #1e2b3a;
	--wp--preset--color--vermelho: #f08e86;
	--wp--preset--color--faixa: #0b1118;
	--wp--preset--color--faixa-texto: #e6ebf1;
}

:root[data-theme="dark"] body {
	background-color: var(--wp--preset--color--fundo);
	color: var(--wp--preset--color--tinta);
}

/* O selo e cartazes são imagens com fundo branco: no escuro, um leve
   rebaixamento de brilho evita que "acendam" na tela. */
:root[data-theme="dark"] .memojutra-card__imagem img,
:root[data-theme="dark"] .memojutra-selo img {
	filter: brightness(0.92);
}