/* 
	Override colors for a SCREEN using a DARK theme. 
 */

@media screen and (prefers-color-scheme: dark) {
	:root {
		--color-background: #060C18;
		--color-foreground: #85C3FF;
		--color-accent: #FFFFFF;
		--color-interactive: #50fff2;
		--color-visited: #d3a0fe;
		--color-success: #6FE66F;
		--color-pending: #FFFF7B;
		--color-failure: #FF7B7B;
	}

	:root {
		--opacity-background: 0.75;
		--opacity-border: 0.12;
		--opacity-separator: 0.40;
		--opacity-panel: 0.03;
		--opacity-input: 0.06;
		--opacity-input-hover: 0.18;
		--opacity-placeholder: 0.50;
	}

	:root {
		--effect-panel-backdrop-blur: 4px;
	}
}