/* =================================================================================================
   Som & Debate — altos contrastes do plugin Acessibilidade (html[data-fa-tema="contraste-claro"] e
   html[data-fa-tema="contraste-escuro"]). Carregado depois do style.css e do plugins.css.

   O tema pinta tudo com os tokens do design system, então a base é trocar os tokens:
   - contraste claro: papel branco, tinta preta; as faixas escuras (NO AR, rádio, player, rodapé, balão
     de privacidade) ficam pretas com texto branco;
   - contraste escuro: papel preto, tinta amarela; as faixas viram amarelas com texto preto.
   As cores das editorias saem (a etiqueta continua, em tinta) e o foco usa a cor do texto.
   O plugin guarda só "color-scheme" no banco (Configurações › Acessibilidade): quem pinta é este arquivo.
   ================================================================================================= */

html[data-fa-tema="contraste-claro"] {
	color-scheme: light;
	--papel: #fff; --papel-claro: #fff; --papel-escuro: #fff;
	--tinta: #000; --tinta-suave: #000; --linha: #000; --linha-forte: #000;
	--laranja: #000; --on-laranja: #fff; --laranja-texto: #000;
	--vermelho: #000; --on-vermelho: #fff;
	/* mostarda é texto sobre as faixas pretas (rótulos, Lado A) e fundo de botão ao passar o mouse */
	--mostarda: #fff; --on-mostarda: #000;
	--dial: #000; --on-dial: #fff; --campo: #000; --ameixa: #000;
	--foco: #000;
}

html[data-fa-tema="contraste-escuro"] {
	color-scheme: dark;
	--papel: #000; --papel-claro: #000; --papel-escuro: #000;
	--tinta: #ff0; --tinta-suave: #ff0; --linha: #ff0; --linha-forte: #ff0;
	--laranja: #ff0; --on-laranja: #000; --laranja-texto: #ff0;
	--vermelho: #ff0; --on-vermelho: #000;
	--mostarda: #000; --on-mostarda: #ff0;
	--dial: #ff0; --on-dial: #000; --campo: #ff0; --ameixa: #ff0;
	--foco: #ff0;
}

/* Etiquetas e selos: sempre tinta cheia com texto em papel. */
html[data-fa-tema^="contraste"] :is(.tag, .tag-musica, .tag-politica, .tag-negocios, .tag-esporte, .tag-curiosidades, .tag-noar) { background: var(--tinta); color: var(--papel); }
/* Dentro das faixas (tinta), a etiqueta e o play ganham contorno para não sumirem no fundo da mesma cor. */
html[data-fa-tema^="contraste"] :is(.noar, .banda-radio, .player, .mini-radio, .rodape) :is(.tag, .play) { outline: 2px solid var(--papel); outline-offset: -2px; }
/* Foco visível em qualquer fundo: a cor do próprio texto, mais grossa. */
html[data-fa-tema^="contraste"] :focus-visible { outline: 3px solid currentColor !important; outline-offset: 2px; }
/* Links do texto sempre sublinhados. */
html[data-fa-tema^="contraste"] :is(.texto, .fp__links, .fp-modal__corpo) a { text-decoration: underline; text-underline-offset: 3px; }
/* Crédito sobre a foto e capas vazias: sem transparência. */
html[data-fa-tema^="contraste"] .credito { opacity: 1; }
html[data-fa-tema^="contraste"] .foto { border: 2px solid var(--tinta); }
/* Fooba Ads: a reserva e o rótulo "publicidade" em tinta. */
html[data-fa-tema^="contraste"] :is(.anuncio-topo, .anuncio-ret) * { color: var(--tinta); border-color: var(--tinta); }
/* Faixas K7: a terceira (mostarda) some no contraste claro; ficam as duas em tinta. */
html[data-fa-tema="contraste-claro"] .k7 i:nth-child(3) { background: var(--tinta); }
/* Modal escurece o fundo sem transparência de cor. */
html[data-fa-tema^="contraste"] body .fp-modal { background: color-mix(in srgb, var(--papel) 85%, transparent); }
html[data-fa-tema^="contraste"] body .fp-modal__caixa, html[data-fa-tema^="contraste"] body .fa-widget .fa-painel { border: 2px solid var(--tinta); }