/*
 * Eleicoes Regionais — tokens de design.
 * Todos os seletores do plugin sao prefixados com .er-.
 */

:root {
	/* Cor de marca; sobrescrita em linha pelo valor configurado no painel. */
	--er-brand: #12507b;
	--er-brand-dark: #0d3a5a;
	--er-brand-contrast: #ffffff;

	--er-ink: #1b1f23;
	--er-ink-soft: #4a5258;
	--er-ink-muted: #6b7580;

	--er-surface: #ffffff;
	--er-surface-alt: #f4f6f8;
	--er-border: #d8dee4;
	--er-border-strong: #b6c0c9;

	--er-warning-bg: #fff6e0;
	--er-warning-border: #e0a800;
	--er-info-bg: #eaf3f9;
	--er-info-border: #7aa8c7;

	--er-radius: 10px;
	--er-radius-sm: 6px;

	--er-space-1: 4px;
	--er-space-2: 8px;
	--er-space-3: 12px;
	--er-space-4: 16px;
	--er-space-5: 24px;
	--er-space-6: 32px;

	--er-font: inherit;
	--er-size-sm: 0.875rem;
	--er-size-base: 1rem;
	--er-size-lg: 1.125rem;
	--er-size-xl: 1.375rem;

	/* Alvo minimo de toque exigido pelo plano. */
	--er-touch: 44px;

	/* ---- camada de componente: geometria dos modos e da navegacao ----
	 * Estes valores existem para que lista, miniaturas e perfil tenham
	 * contrato proprio, em vez de herdarem a tipografia do cartao grande.
	 */
	--er-list-photo: 64px;
	--er-list-photo-narrow: 56px;
	--er-list-name: 20px;
	--er-list-name-narrow: 19px;
	--er-thumb-photo: 88px;
	--er-thumb-name: 17px;
	--er-thumb-col: 168px;
	--er-summary-width: 280px;
	/* Limite superior de tudo que fica preso ao topo dentro do modulo.
	 *
	 * Este valor e o PADRAO SEM JAVASCRIPT: 80px do cabecalho do jornal mais a
	 * folga. Ele nao serve para todas as alturas — com um cabecalho de 140px o
	 * resumo parava ATRAS dele — e por isso o script mede a borda inferior
	 * efetivamente ocupada por barras fixas (cabecalho do tema, barra
	 * administrativa) e publica o valor medido em linha no elemento raiz.
	 * Sem script, este numero continua valendo. */
	--er-sticky-offset: 92px;
	/* Folga entre a ultima barra fixa do topo e o que gruda logo abaixo. */
	--er-sticky-gap: 12px;
	/* Altura RESERVADA pela barra compacta de identidade, para o destino das
	 * ancoras e do foco.
	 *
	 * Zero por padrao e estatica onde a barra pode aparecer — nao medida pelo
	 * script. O salto de ancora acontece com a barra ainda oculta: medir "a
	 * altura de agora" daria zero justamente no instante que importa, e o
	 * atalho "Bens declarados" levava o titulo para debaixo da barra que
	 * aparecia logo em seguida. */
	--er-identbar-h: 0px;

	--er-focus: 3px solid #1a73e8;
	--er-focus-offset: 2px;

	--er-shadow: 0 1px 3px rgba(16, 24, 32, 0.10);

	/* ---- Camada de temas funcionais M02 (modelo01 a modelo04) ---- */
	--er-duel-avatar: 80px;
	--er-duel-avatar-sm: 64px;
	--er-access-avatar: 72px;
	--er-access-avatar-sm: 56px;
	--er-star-active: #eab308;
	--er-star-inactive: #94a3b8;
	--er-badge-lead-bg: #fef3c7;
	--er-badge-lead-ink: #92400e;
	--er-badge-second-bg: #f1f5f9;
	--er-badge-second-ink: #334155;
}

@media (prefers-color-scheme: dark) {
	:root {
		--er-ink: #e8ecef;
		--er-ink-soft: #c2cad1;
		--er-ink-muted: #98a3ad;
		--er-surface: #171b1f;
		--er-surface-alt: #1f252a;
		--er-border: #333c44;
		--er-border-strong: #47535d;
		--er-warning-bg: #3a3018;
		--er-info-bg: #17262f;
	}
}

@media (prefers-reduced-motion: reduce) {
	.er-root *,
	.er-root *::before,
	.er-root *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}