:root{

	/* Light */

	--bg:#f5f5f5;
	--surface:#ffffff;
	--surface-2:#f8f9fa;
	--surface-3:#eceff1;

	--text: #202124;
	--text-secondary: #5f6368;

	--border: #dadce0;

	--primary: #6750a4;
	--primary-hover: #5a4694;

	--card: #ffffff;

	--success: #2e7d32;
	--warning: #ed6c02;
	--error: #d32f2f;

	--shadow:0 2px 8px rgba(0,0,0,.08);
}

@media (prefers-color-scheme: dark){

	:root{

		/* Dark */

		--bg:#121212;
		--surface:#1e1e1e;
		--surface-2:#252525;
		--surface-3:#303030;

		--text: #e8eaed;
		--text-secondary: #9aa0a6;

		--border: #3c4043;

		--primary: #bb86fc;
		--primary-hover: #c79cff;

		--card: #1e1e1e;

		--success: #81c784;
		--warning: #ffb74d;
		--error: #ef5350;

		--shadow:0 2px 8px rgba(0,0,0,.35);
	}
}