/* ==========================================================================
   Modo noturno. Ativado por html[data-theme="dark"].
   Os tokens principais (cores configuráveis) vêm do Customizer; aqui ficam
   os ajustes de contraste dos componentes. Nenhum texto escuro sobre fundo escuro.
   ========================================================================== */

html[data-theme="dark"] {
	color-scheme: dark;
	--surface-soft: #2f2f2f;
	--surface-muted: #353535;
	--header-border: #3a3a3a;
	--header-text: #ffffff;
	--assine-bg: #ffffff;
	--assine-color: #b8501a;
	--assine-border: #ffffff;
	--ticker-bg: #262626;
	--ticker-color: #eeeeee;
	--on-primary: #1a1a1a;
}

html[data-theme="dark"] body { background: var(--background); color: var(--text); }

/* Botões e destaques sobre a cor principal (mais clara no escuro) */
html[data-theme="dark"] .pens-searchform__submit,
html[data-theme="dark"] .pens-ticker__label,
html[data-theme="dark"] .pens-badge,
html[data-theme="dark"] .pens-sponsor-badge__label,
html[data-theme="dark"] .pens-responsible__avatar,
html[data-theme="dark"] .pens-pagination .page-numbers.current,
html[data-theme="dark"] .pens-pagination a.page-numbers:hover,
html[data-theme="dark"] .pens-rec__btn:hover,
html[data-theme="dark"] .pens-conversion__btn:hover,
html[data-theme="dark"] .pens-tag:hover,
html[data-theme="dark"] .pens-quick:hover,
html[data-theme="dark"] .pens-slider__btn:hover,
html[data-theme="dark"] .pens-comments .form-submit input[type="submit"],
html[data-theme="dark"] .wpcf7 input[type="submit"] { color: var(--on-primary); }
html[data-theme="dark"] .pens-search .pens-searchform__submit { color: #b8501a; }

/* Bordas que eram fixas no modo claro */
html[data-theme="dark"] .pens-pagination .page-numbers { border-color: var(--muted); }
html[data-theme="dark"] .pens-rec__btn { border-color: var(--text); color: var(--text); }
html[data-theme="dark"] .pens-fallback-img { color: #777; }

/* Navegação */
html[data-theme="dark"] .pens-nav { background: var(--surface); }
html[data-theme="dark"] .pens-nav__list > li > a { color: var(--text); }
html[data-theme="dark"] .pens-nav__list > li.current-menu-item > a,
html[data-theme="dark"] .pens-nav__list > li:hover > a { color: var(--primary); }
html[data-theme="dark"] .pens-quick { background: rgba(255, 138, 76, .16); color: var(--primary); }

/* Painel lateral */
html[data-theme="dark"] .pens-offcanvas { background: var(--surface); color: var(--text); }
html[data-theme="dark"] .pens-offcanvas__list a { color: var(--text); }

/* Slides e listas */
html[data-theme="dark"] .pens-item__title a,
html[data-theme="dark"] .pens-card__title a,
html[data-theme="dark"] .pens-hero__title a,
html[data-theme="dark"] .pens-hcard__title a,
html[data-theme="dark"] .pens-ccard__title a,
html[data-theme="dark"] .pens-sports__title a,
html[data-theme="dark"] .pens-hero__links a,
html[data-theme="dark"] .pens-rec__title a,
html[data-theme="dark"] .pens-rec__title span { color: var(--text); }
html[data-theme="dark"] .pens-item__title a:hover,
html[data-theme="dark"] .pens-card__title a:hover,
html[data-theme="dark"] .pens-hero__title a:hover { color: var(--primary); }
html[data-theme="dark"] .pens-byline__name { color: var(--text); }
html[data-theme="dark"] .pens-byline--italic .pens-byline__name { color: var(--muted); }
html[data-theme="dark"] .pens-label { color: var(--text); }
html[data-theme="dark"] .pens-label--light { color: #fff; }

/* Faixas de publicidade */
html[data-theme="dark"] .pens-ad--header_top,
html[data-theme="dark"] .pens-ad--below_nav,
html[data-theme="dark"] .pens-ad--home_sports_vertical_ad,
html[data-theme="dark"] .pens-sports__ad { background: var(--surface-soft); }

/* Colunistas e footer já usam tokens escuros */
html[data-theme="dark"] .pens-columnists { background: var(--columnists-bg); }
html[data-theme="dark"] .pens-footer { background: var(--footer-bg); }

/* Artigo */
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .entry-content h2,
html[data-theme="dark"] .entry-content h3,
html[data-theme="dark"] .entry-content h4,
html[data-theme="dark"] .entry-content h5,
html[data-theme="dark"] .entry-content h6 { color: var(--text); }
html[data-theme="dark"] .entry-content a { color: var(--primary); }
html[data-theme="dark"] .entry-content blockquote { color: var(--text); }
html[data-theme="dark"] .pens-article__title { color: var(--single-h1-color, var(--text)); }
html[data-theme="dark"] .entry-content .wp-block-button__link { color: var(--on-primary); }
html[data-theme="dark"] .pens-cta { background: var(--surface-muted); }
html[data-theme="dark"] .pens-cta__title { color: var(--text); }
html[data-theme="dark"] .pens-responsible { background: var(--surface-soft); border-color: var(--border); border-left-color: var(--primary); }
html[data-theme="dark"] .pens-responsible__name { color: var(--text); }
html[data-theme="dark"] .pens-responsible__list a { color: var(--text); }
html[data-theme="dark"] .pens-share__toast { background: #f2f2f2; color: #1a1a1a; }
html[data-theme="dark"] .pens-share__btn--x { color: #fff; }

/* Formulários */
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color-scheme: dark; }
html[data-theme="dark"] .pens-searchform__input { background: #fff; color: #222; }
html[data-theme="dark"] .pens-searchform__input::placeholder { color: #666; }
html[data-theme="dark"] .pens-offcanvas .pens-searchform__input,
html[data-theme="dark"] .pens-search-results__form .pens-searchform__input { background: var(--surface-soft); color: var(--text); border-color: var(--border); }

/* Logo: modo claro/escuro alternam sozinhos (ver main.css) */