:root {
	color-scheme: light dark;

	--system-theme-canvas: #ffffff;
	--system-theme-canvas-text: #002633;
	--system-theme-link-text: #007299;
	--system-theme-visited-text: #0098cc;
	--system-theme-active-text: #0085b3;
	--system-theme-button-face: #d1f3ff;
	--system-theme-button-text: #002633;
	--system-theme-button-border: #002633;
	--system-theme-field: #e6f9ff;
	--system-theme-field-text: #002633;
	--system-theme-highlight: #99e5ff;
	--system-theme-highlight-text: #002633;
	--system-theme-selected-item: #00a3db;
	--system-theme-selected-item-text: #ffffff;
	--system-theme-mark: #00beff;
	--system-theme-mark-text: #002633;
	--system-theme-gray-text: #002633;
	--system-theme-accent-color: #007299;
	--system-theme-accent-color-text: #ccf2ff;
	--system-theme-error: #ffb8a8;
	--system-theme-error-text: #002633;
	--system-theme-warning: #fefc76;
	--system-theme-warning-text: #002633;
	--system-theme-success: #aed88d;
	--system-theme-success-text: #002633;

	--theme-bl-banner: #007299;
	--theme-bl-banner-text: #ccf2ff;
	--theme-bl-banner-hover: #99e5ff;
	--theme-bl-banner-hover-text: #002633;
}

@media (prefers-color-scheme: dark) {
	:root {
		--system-theme-canvas: #00171f;
		--system-theme-canvas-text: #ccf2ff;
		--system-theme-link-text: #52d3ff;
		--system-theme-visited-text: #33cbff;
		--system-theme-active-text: #94e4ff;
		--system-theme-button-face: #0085b3;
		--system-theme-button-text: #ccf2ff;
		--system-theme-button-border: #75dcff;
		--system-theme-field: #004c66;
		--system-theme-field-text: #ccf2ff;
		--system-theme-highlight: #0098cc;
		--system-theme-highlight-text: #ccf2ff;
		--system-theme-selected-item: #99e5ff;
		--system-theme-selected-item-text: #002633;
		--system-theme-mark: #00beff;
		--system-theme-mark-text: #ccf2ff;
		--system-theme-gray-text: #ccf2ff;
		--system-theme-accent-color: #99e5ff;
		--system-theme-accent-color-text: #002633;
		--system-theme-error: #701500;
		--system-theme-error-text: #ccf2ff;
		--system-theme-warning: #a2a001;
		--system-theme-warning-text: #ccf2ff;
		--system-theme-success: #487227;
		--system-theme-success-text: #ccf2ff;

		--theme-bl-banner: #00171f;
		--theme-bl-banner-text: #ccf2ff;
		--theme-bl-banner-hover: #0098cc;
		--theme-bl-banner-hover-text: #ccf2ff;
	}
}