:root {
	--color-bg-intense: #ffffff;
	--color-fg-intense: #000000;

	/* Navigator */
	--color-nav-bg: #e5f2ff;
	--color-nav-fg: #000;
	--color-nav-icon-fg: #339bfc;
	--color-nav-sub-icon-fg: #fc9c9c;

	/* Each Page */
	--color-admin-grade-table-thead: #c7e3fc;

	/* Modules */
	--color-toastify-info-bg-gradient1: #00b09b;
	--color-toastify-info-bg-gradient2: #96c93d;
	--color-toastify-warn-bg-gradient1: #b29a00;
	--color-toastify-warn-bg-gradient2: #c8403c;

	--color-masklayer-bg: #3e3e3ebf;
	--color-masklayer-fg: #cbcbcb;
}

html[data-bs-theme="dark"] {
	--color-bg-intense: #000000;
	--color-fg-intense: #ffffff;

	/* Navigator */
	--color-nav-bg: #333;
	--color-nav-fg: #fff;
	
	/* Each Page */
	--color-admin-grade-table-thead: #333;
}