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

@media screen and (prefers-color-scheme: light) {
	:root {
		--color-background: #F7E3BA;
		--color-foreground: #573500;
		--color-accent: #000000;
		--color-interactive: #004589;
		--color-visited: #4013AF;
		--color-success: #005C00;
		--color-pending: #737300;
		--color-failure: #730000;
	}

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

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