/* CSS to make pico look nice in theme with our scouting */
[data-theme=light],
:root:not([data-theme=dark]) {
	--pico-primary: var(--pico-color-yellow-100);
	--pico-color: var(--pico-color-yellow-100);
	--pico-h1-color: var(--pico-color-yellow-100);
	--pico-h2-color: var(--pico-color-yellow-150);
	--pico-h3-color: var(--pico-color-yellow-200);
	--pico-background-color: var(--pico-color-purple-700);
	--pico-table-border-color: var(--pico-color-purple-550);

	--pico-table-row-stripped-background-color: rgb(128, 46, 144, 0.5);
}

@media only screen and (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--pico-primary: var(--pico-color-yellow-100);
		--pico-color: var(--pico-color-yellow-100);
		--pico-h1-color: var(--pico-color-yellow-100);
		--pico-h2-color: var(--pico-color-yellow-150);
		--pico-h3-color: var(--pico-color-yellow-200);
		--pico-h4-color: var(--pico-color-yellow-250);
		--pico-background-color: var(--pico-color-purple-700);
		--pico-table-border-color: var(--pico-color-purple-550);
		
		--pico-table-row-stripped-background-color: rgb(128, 46, 144, 0.5);
	}
}

[data-theme=dark] {
	--pico-primary: var(--pico-color-yellow-100);
	--pico-color: var(--pico-color-yellow-100);
	--pico-h1-color: var(--pico-color-yellow-100);
	--pico-h2-color: var(--pico-color-yellow-150);
	--pico-h3-color: var(--pico-color-yellow-200);
	--pico-h4-color: var(--pico-color-yellow-250);
	--pico-background-color: var(--pico-color-purple-700);
	--pico-table-border-color: var(--pico-color-purple-550);

	--pico-table-row-stripped-background-color: rgb(128, 46, 144, 0.5);
}