:root {
	--omniverse-bg-color: #ffffff;
	--omniverse-text-color: #222222;
	--omniverse-border-color: #e5e5e5;
	--omniverse-header-bg: #ffffff;
}

html[data-omniverse-mode="dark"] {
	--omniverse-bg-color: #121212;
	--omniverse-text-color: #ffffff;
	--omniverse-border-color: #333333;
	--omniverse-header-bg: #121212;
}

body {
	--omniverse-current-bg: var(--omniverse-bg-color);
	--omniverse-current-text: var(--omniverse-text-color);
}

.wd-header-dark-mode {
	cursor: pointer;
}

.wd-header-dark-mode .wd-tools-text {
	display: none;
}

.wd-header-dark-mode .wd-tools-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px !important;
	line-height: 1;
	font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols", "Arial Unicode MS", sans-serif;
	color: inherit;
}

.wd-header-dark-mode .omniverse-mode-icon {
	display: none;
	transition: opacity 0.2s ease;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	font-size: 25px !important;
	color: inherit;
}

.wd-header-dark-mode .omniverse-mode-icon-light {
	display: inline-block;
}

html[data-omniverse-mode="dark"] .wd-header-dark-mode .omniverse-mode-icon-light,
html.omniverse-dark-mode .wd-header-dark-mode .omniverse-mode-icon-light {
	display: none;
}

html[data-omniverse-mode="dark"] .wd-header-dark-mode .omniverse-mode-icon-dark,
html.omniverse-dark-mode .wd-header-dark-mode .omniverse-mode-icon-dark {
	display: inline-block;
}