/**
 * Paletas Dark / Light — tokens em html[data-asl-color-scheme].
 */

html[data-asl-color-scheme='dark'] {
	--asl-bg: #0b0f14;
	--asl-surface: #121820;
	--asl-surface-2: #1a222d;
	--asl-border: #252f3d;
	--asl-text: #e8eaed;
	--asl-muted: #8b949e;
	--asl-accent: #3ddc84;
	--asl-accent-live: #ff4757;
	--asl-link: #58a6ff;
	color-scheme: dark;
}

html[data-asl-color-scheme='light'] {
	--asl-bg: #f4f6f9;
	--asl-surface: #ffffff;
	--asl-surface-2: #eef2f7;
	--asl-border: #dce3ed;
	--asl-text: #1e293b;
	--asl-muted: #64748b;
	--asl-accent: #16a34a;
	--asl-accent-live: #dc2626;
	--asl-link: #2563eb;
	color-scheme: light;
}

/* Ajustes onde o CSS base usa cores fixas escuras */
html[data-asl-color-scheme='light'] .asl-board,
html[data-asl-color-scheme='light'] .asl-site-shell__main {
	background: var(--asl-bg);
	color: var(--asl-text);
}

html[data-asl-color-scheme='light'] .asl-match-row:hover {
	background: var(--asl-surface-2);
}

html[data-asl-color-scheme='light'] .asl-filter-btn.is-active[data-asl-filter='live'] {
	background: rgba(220, 38, 38, 0.12);
	color: var(--asl-accent-live);
}

html[data-asl-color-scheme='light'] .asl-competition-overview-unified-table tr.asas-bz-overview-issue,
html[data-asl-color-scheme='light'] .asl-overview-issue {
	background: rgba(220, 38, 38, 0.06);
}