/**
	The CSS variables in this file should be treated as a public API. The
	colors have been put in a separate file to allow end users to
	override the color variables with their own values by creating their
	own custom.css file, which mean we can't delete/rename defined
	variables which is already used in cascade.css.
*/
:root {
	/** General colors */
	--white-color: #ffffff;
	--white-color-low: #f9f9f9;
	--black-color: #000000;
	--black-color-low: #202124;
	--yellow-color: #f0ad4e;
	--yellow-color-high: #eea236;
	--on-yellow-color: var(--white-color);
	--red-color: #d9534f;
	--red-color-high: #d43f3a;
	--on-red-color: var(--white-color);
	--green-color: #5cb85c;
	--green-color-high: #4cae4c;
	--on-green-color: var(--white-color);
	--dark-blue-color: #337ab7;
	--dark-blue-color-high: #2e6da4;
	--on-dark-blue-color: var(--white-color);
	--gray-color: #d4d4d4;
	--gray-color-high: #bfbfbf;
	--light-blue-color: #5bc0de;
	--light-blue-color-high: #46b8da;
	--on-light-blue-color: var(--white-color);
	
	--main-color: #00B5E2;
	--secondary-color: #0099cc;

	--header-bg: #00B5E2;
	--header-color: #fff;
	--bar-bg: #5bc0de;
	--menu-bg-color: #fff;
	--menu-color: #5f6368;
	--menu-color-hover: #202124;
	--main-menu-color: #202124;
	--submenu-bg-hover: #d4d4d4;
	--submenu-bg-hover-active: #00B5E2;

	--notice-color: #002B49;
	--on-notice-color: var(--white-color);

	--danger-color: var(--red-color);
	--on-danger-color: var(--on-red-color);

	--warning-color: #f0e68c;
	--on-warning-color: var(--black-color);

	--success-color: var(--green-color);
	--on-success-color: var(--on-green-color);

	--error-color: #ff0000;
	--on-error-color: var(--white-color);

	--font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
}
