/*
 * Portal Editorial Agora — MODO NOTURNO.
 * Ativado por html[data-theme="dark"] (script no <head>, botão do cabeçalho/painel, preferência do
 * sistema quando o visitante não escolheu). Os ajustes de componentes abaixo só trocam cores.
 */

html[data-theme="dark"] {
	color-scheme: dark;
	--pea-primary: #d6363b;
	--pea-primary-hover: #b8272c;
	--pea-accent: #ff6b6f;
	--pea-on-primary: #ffffff;
	--pea-secondary: #b80d0d;
	--pea-background: #121212;
	--pea-surface: #1c1c1c;
	--pea-surface-secondary: #2a2a2a;
	--pea-card-bg: #181818;
	--pea-heading: #ffffff;
	--pea-text: #e4e4e4;
	--pea-muted: #a6a6a6;
	--pea-border: #2e2e2e;
	--pea-border-strong: #444444;
	--pea-line: #262626;
	--pea-link: #ff6b6f;
	--pea-link-hover: #ff9a9d;
	--pea-header-bg: #161616;
	--pea-header-icons: #c8c8c8;
	--pea-header-shadow: 0 3px 10px rgba(0, 0, 0, .45);
	--pea-menu-bg: #161616;
	--pea-menu-color: #f2f2f2;
	--pea-footer-bg: #0b0b0b;
	--pea-input-bg: #1c1c1c;
	--pea-input-border: #3c3c3c;
	--pea-ph-icon: #5c5c5c;
	--pea-media-shadow: 0 1px 6px rgba(0, 0, 0, .55);
	--pea-shade: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .85) 100%);
	--pea-success: #66bb6a;
	--pea-error: #ef5350;
	--pea-share-x: #000000;
	--pea-share-email: #4a4a4a;
	--pea-share-copy: #4a4a4a;
}

/* Ajustes de componentes no modo noturno. */
html[data-theme="dark"] .pea-share__btn--x {
	box-shadow: inset 0 0 0 1px #4a4a4a;
}
html[data-theme="dark"] .pea-continue__btn {
	border-color: var(--pea-border-strong);
}
html[data-theme="dark"] .pea-content .pea-resp {
	background: var(--pea-surface);
}
html[data-theme="dark"] .pea-content mark {
	background: #6b5b00;
	color: #fff;
}
html[data-theme="dark"] .pea-content img:not(.pea-article__img) {
	filter: brightness(.94);
}
html[data-theme="dark"] .pea-mode-toggle__icon--moon {
	display: none;
}
html[data-theme="dark"] .pea-mode-toggle__icon--sun {
	display: inline-flex;
}

/* Logos: a versão do modo noturno aparece só nele. */
html[data-theme="dark"] .pea-logo__img--light {
	display: none;
}
html[data-theme="dark"] .pea-logo__img--dark {
	display: block;
}

/* Sem JavaScript e com modo "automático", o bloco gerado no Personalizar repete estas variáveis
   dentro de @media (prefers-color-scheme: dark). */