:root[data-mode="dark"],
:root[data-mode="system"] {
	--mode-icon-content: "\f186";
	--mode-icon-color: hsl(40, 45%, 65%);
	--content-section-bg: hsl(var(--primary-color-hue), 1%, 14%);
	--body-txt-color: hsl(var(--primary-color-hue), 7%, 62%);
	--body-txt-color-strong: hsl(var(--primary-color-hue), 10%, 75%);
	--body-link-color: hsl(var(--primary-color-hue), 40%, 75%);
	--topbar-bg: hsl(var(--primary-color-hue), 3%, 20%);
	--topbar-border-color: hsl(var(--primary-color-hue), 9%, 15%);
	--nav-border-color: hsl(var(--primary-color-hue), 20%, 9%);
	--windowbg-bg: hsl(var(--primary-color-hue), 3%, 20%);
	--windowbg2-bg: hsl(var(--primary-color-hue), 10%, 15%);
	--windowbg-bg-hover: hsl(var(--primary-color-hue), 12%, 25%);
	--windowbg-shadow: 0 0 4px rgba(255, 255, 255, 0.1);
	--windowbg-shadow2: 0 2px 4px rgba(255, 255, 255, 0.1);
	--windowbg-border-color: rgba(255, 255, 255, 0.1);
	--boardmoderators-bg: hsl(var(--primary-color-hue), 10%, 25%);
	--boarddescription-bg: hsl(var(--primary-color-hue), 10%, 25%);
	--titlebg-txt-color: hsl(var(--primary-color-hue), 32%, 85%);
	--roundframe-bg: hsl(var(--primary-color-hue), 15%, 20%);
	--roundframe-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.05);
	--roundframe-border-color: hsl(var(--primary-color-hue), 30%, 25%);
	--table-border-color: hsl(var(--primary-color-hue), 25%, 12%);
	--forumnews-bg: hsl(var(--primary-color-hue), 3%, 20%);
	--footer-bg: hsl(var(--primary-color-hue), 3%, 20%);
	--footer-border-color: hsl(var(--primary-color-hue), 25%, 30%);
	--nav-dropdown-bg: hsl(var(--primary-color-hue), 12%, 10%);
	--poster-bg: hsl(var(--primary-color-hue), 9%, 28%);
	--poster-bg-hover: hsl(var(--primary-color-hue), 6%, 10%);
	--poster-bg-active: hsl(var(--primary-color-hue), 5%, 18%);
	--uppersection-bg: hsl(var(--primary-color-hue), 24%, 12%);
	--forumsections-bg: hsl(var(--primary-color-hue), 6%, 20%);
	--linktree-bg: hsl(var(--primary-color-hue), 6%, 28%);
	--input-bg: hsl(var(--primary-color-hue), 10%, 15%);
	--input-bg-disabled: hsl(var(--primary-color-hue), 20%, 5%);
	--input-border-color: hsl(0, 0%, 10%);
	--input-shadow-color: rgba(44, 44, 44, 0.3);
	--input-txt-color: hsl(0, 0%, 89%);
	--sceditor-group-bg: hsl(var(--primary-color-hue), 15%, 25%);
	--sceditor-group-bg-active: hsl(var(--primary-color-hue), 25%, 15%);
	--sceditor-group-border-color: hsl(var(--primary-color-hue), 45%, 20%);
	--nav-dropdown-border-color: hsl(var(--primary-color-hue), 35%, 20%);
	--nav-dropdown-item-bg-hover: hsl(var(--primary-color-hue), 50%, 25%);
	--nav-dropdown-item-bg-active: hsl(var(--primary-color-hue), 20%, 20%);
	--nav-dropdown-item-txt-color: hsl(var(--primary-color-hue), 30%, 75%);
	--nav-dropdown-item-txt-color-hover: hsl(var(--primary-color-hue), 35%, 70%);
	--buttonlist-border-color: hsl(var(--primary-color-hue), 15%, 25%);
	--buttonlist-border-color-hover: hsl(var(--primary-color-hue), 15%, 30%);
	--buttonlist-border-color-active: hsl(var(--primary-color-hue), 15%, 35%);
	--attachments-bg: hsl(var(--primary-color-hue), 6%, 23%);
	--quote-border-color: hsl(var(--primary-color-hue), 25%, 30%);
	--quote-bg: hsl(var(--primary-color-hue), 10%, 35%);
	--qutoe-alternate-bg: hsl(var(--primary-color-hue), 12%, 40%);
	--quote-txt-color: hsl(var(--primary-color-hue), 65%, 100%);
	--code-border-color: hsl(var(--primary-color-hue), 20%, 20%);
	--code-bg: hsl(var(--primary-color-hue), 10%, 27%);
	--alert-bg: hsl(var(--primary-color-hue), 12%, 15%);
	--alert-bg-hover: hsl(var(--primary-color-hue), 15%, 20%);
	--alert-border-color: hsl(var(--primary-color-hue), 50%, 10%);
	--status-sticky-bg: hsl(var(--primary-color-hue), 10%, 35%);
	--status-locked-bg: hsl(var(--primary-color-hue), 12%, 30%);
	--status-approve-bg: hsl(5, 55%, 15%);
	--status-approvet-bg: hsl(0, 65%, 20%);
	--titlebg-bg: transparent;
	--noticebox-bg: hsl(50, 25%, 25%);
	--noticebox-border-color: hsl(48, 100%, 40%);
	--errorbox-bg: hsl(0, 25%, 25%);
	--noticebox-txt-color: hsl(0, 0%, 75%);
	--errorbox-border-color: hsl(0, 100%, 40%);
	--infobox-bg: hsl(120, 25%, 25%);
	--infobox-border-color: hsl(120, 100%, 40%);
	--nav-txt-color: hsl(var(--primary-color-hue), 30%, 75%);
}

:root[data-mode="system"] {
	--mode-icon-content: "\e4e5";
	--mode-icon-color: inherit;
}