/* Sudeste em Foco — modo noturno.
   O modo claro é o main.css. Aqui só ficam os valores do modo noturno: tokens (variáveis) e os poucos
   componentes que precisam de ajuste próprio. Os seis valores principais podem ser trocados em
   Aparência › Personalizar › Cores (modo noturno). */
html[data-theme="dark"] {
	color-scheme: dark;

	--sef-bg: #121417;
	--sef-surface: #1B1F24;
	--sef-soft: var(--sef-surface);
	--sef-surface2: #20252B;
	--sef-text: #F4F6F8;
	--sef-text2: #E3E8ED;
	--sef-text3: #CBD2D9;
	--sef-muted: #BDC5CE;
	--sef-line: #343A42;
	--sef-input-bg: #171B20;
	--sef-input-bd: #4A525C;
	--sef-ph: #262B31;
	--sef-ph-ico: #5B6571;
	--sef-card-bg: var(--sef-surface);
	--sef-chip: #2A3037;
	--sef-chip2: #2A3037;
	--sef-round-bg: rgba(40, 46, 54, .95);
	--sef-round-fg: #F4F6F8;
	--sef-navy: #9CCBF0;
	--sef-blue-text: #4DB6EC;
	--sef-link: var(--sef-blue-text);
	--sef-magenta-text: #E58AEA;
	--sef-crumb: var(--sef-blue-text);
	--sef-ok: #7FD08A;
	--sef-err: #FF8A80;
	--sef-header-bg: var(--sef-bg);
	--sef-fbrand: #171B20;
	--sef-fgroups: #14171B;
	--sef-ftext: #E6EAEE;
	--sef-flink: #D6DCE2;
	--sef-fhover: #6CC4F2;
}

/* Menu em degradê: o mesmo degradê, levemente escurecido para não ofuscar */
html[data-theme="dark"] .sef-nav {
	background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(90deg, var(--sef-nav-1), var(--sef-nav-2) 55%, var(--sef-nav-3));
}
html[data-theme="dark"] .sef-nav .sub-menu { box-shadow: 0 8px 20px rgba(0, 0, 0, .5); }

/* Superfícies, sombras e bordas */
html[data-theme="dark"] .sef-card--mini { box-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .sef-region ul { box-shadow: 0 8px 20px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .sef-drawer__backdrop { background: rgba(0, 0, 0, .7); }
html[data-theme="dark"] .sef-media__ph { color: var(--sef-ph-ico); }
html[data-theme="dark"] .sef-share__btn { background: #3A4450; }
html[data-theme="dark"] .sef-share__btn:hover { background: #4B5865; }
html[data-theme="dark"] .sef-share__btn.is-done { background: #2E7D32; }
html[data-theme="dark"] .sef-channel { background: #2F7D33; }
html[data-theme="dark"] .sef-btn--soft { background: var(--sef-chip); color: var(--sef-text); }
html[data-theme="dark"] .sef-btn--blue { background: #2F6FCF; }
html[data-theme="dark"] .sef-carousel--sides .sef-round { color: var(--sef-cyan); }
html[data-theme="dark"] .sef-pagination .current { background: #1F6FA6; border-color: #1F6FA6; }
html[data-theme="dark"] .sef-searchform__btn { background: #1F6FA6; }
html[data-theme="dark"] .sef-comments .submit,
html[data-theme="dark"] .wpcf7 input[type="submit"] { background: #1F6FA6; }
html[data-theme="dark"] .sef-resp__ico { background: #1F6FA6; }
html[data-theme="dark"] .sef-footer__legal {
	background: #0B3F63;
	background: color-mix(in srgb, var(--sef-footer) 62%, #000);
}
html[data-theme="dark"] .sef-ad--empty .sef-ad__box,
html[data-theme="dark"] .sef-nl--empty { border-color: #5B6571; }

/* Conteúdo importado com cores gravadas no próprio HTML (style="color:#000", fundo branco…):
   sem isto o texto escuro ficaria ilegível sobre o fundo grafite. Seletores limitados a cores quase pretas
   e fundos brancos; é a única forma de sobrepor estilo inline. */
html[data-theme="dark"] .sef-content [style*="color:#000"],
html[data-theme="dark"] .sef-content [style*="color: #000"],
html[data-theme="dark"] .sef-content [style*="color:#111"],
html[data-theme="dark"] .sef-content [style*="color: #111"],
html[data-theme="dark"] .sef-content [style*="color:#222"],
html[data-theme="dark"] .sef-content [style*="color: #222"],
html[data-theme="dark"] .sef-content [style*="color:#333"],
html[data-theme="dark"] .sef-content [style*="color: #333"],
html[data-theme="dark"] .sef-content [style*="color: black"],
html[data-theme="dark"] .sef-content [style*="color:black"],
html[data-theme="dark"] .sef-content [style*="color: rgb(0, 0, 0)"],
html[data-theme="dark"] .sef-content [style*="color:rgb(0,0,0)"] { color: inherit !important; }
html[data-theme="dark"] .sef-content [style*="background-color:#fff"],
html[data-theme="dark"] .sef-content [style*="background-color: #fff"],
html[data-theme="dark"] .sef-content [style*="background:#fff"],
html[data-theme="dark"] .sef-content [style*="background: #fff"],
html[data-theme="dark"] .sef-content [style*="background-color: white"],
html[data-theme="dark"] .sef-content [style*="background: white"],
html[data-theme="dark"] .sef-content [style*="background-color: rgb(255, 255, 255)"],
html[data-theme="dark"] .sef-content [style*="background-color:rgb(255,255,255)"] { background-color: transparent !important; }