/*
 * Ethereal Precision — ponte com o Elementor.
 *
 * Carregado só com o Elementor ativo (inc/compat/elementor.php), logo
 * depois do style.css. São as partes das regras de base que citam o
 * Elementor: os documentos dele (.elementor — inclusive rodapé e pop-ups do
 * Theme Builder) seguem o conteúdo, e a cor de texto do corpo definida no
 * kit (.elementor-kit-N, que é o <body>) não vale fora do conteúdo no modo
 * escuro. Ver as regras equivalentes na seção 3 do style.css.
 */

/* Modo escuro FORA do conteúdo: o texto do <body> fica na cor do modo
   claro, também quando o kit define uma cor para o corpo. body[class*=…]
   vence o .elementor-kit-N do Elementor, seja qual for a ordem dos
   arquivos. Os documentos do Elementor trocam de modo, como o .ep-main. */
@media (prefers-color-scheme: dark) {

	body[class*="elementor-kit-"] {
		color: var(--ep-texto-claro);
		color-scheme: light;
	}

	.elementor {
		color: var(--ep-on-surface);
		color-scheme: dark;
	}
}

/* Links e negrito nos documentos do Elementor, com peso zero (:where): o
   que o kit ou o widget definirem continua valendo. */
:where(.elementor) a {
	color: var(--ep-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

:where(.elementor) a:hover {
	text-decoration-thickness: 2px;
}

:where(.elementor) :is(strong, b) {
	font-weight: var(--ep-weight-headline);
}