html[data-theme="spacepirate"][data-theme-variant="dark"] {
	color-scheme: dark;
	--p-mainmenu: #050506;
	--p-surface-1: #0b0c0d;
	--p-surface-2: #151514;
	--p-surface-3: #111214;
	--p-surface-4: #3a3528;
	--p-item: #111214;
	--p-item-low: #102119;
	--p-item-low-hover: #163526;
	--p-item-high: #2b1714;
	--p-item-high-hover: #3d1d18;
	--p-text-1: #f4ead2;
	--p-text-2: #b9ab86;
	--p-accent: #ffb02e;
	--p-success-bright: #0f2a1e;
	--p-success-dark: #55d98b;
	--p-warning-bright: #332512;
	--p-warning-dark: #ffc763;
	--p-error-bright: #351715;
	--p-error-dark: #ff6857;
	--p-ui-panel: #111214;
	--p-ui-panel-border: #3a3528;
	--p-ui-hover: #1c1b18;
	--p-menu-text: #d4c39b;
	--p-menu-shell: #050506;
	--p-menu-hover: #161411;
	--p-menu-active: #ffb02e;
	--p-scrollbar-thumb: #5e5135;
	--p-progress-fill: #ffb02e;
	--p-table-border: #3a3528;
	--p-tooltip-bg: #050506;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] body {
	background:
		linear-gradient(90deg, rgba(255, 176, 46, 0.055) 1px, transparent 1px) 0 0 / 54px 54px,
		repeating-linear-gradient(0deg, transparent 0, transparent 6px, rgba(255, 176, 46, 0.025) 6px, rgba(255, 176, 46, 0.025) 7px),
		linear-gradient(180deg, #0b0c0d 0%, #060607 55%, #020202 100%),
		var(--color-background-primary);
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .header-top {
	background: linear-gradient(90deg, #050506 0 16%, #ffb02e 16% 17%, #2a170f 17% 18.5%, #050506 18.5% 100%);
}

html[data-theme="spacepirate"][data-theme-variant="dark"] #cssmenu {
	border-right-color: #3a3528;
	background: #050506;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] #cssmenu-body ul li {
	border-top-color: #252116;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box,
html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion,
html[data-theme="spacepirate"][data-theme-variant="dark"] .modalDialog,
html[data-theme="spacepirate"][data-theme-variant="dark"] .dashboard,
html[data-theme="spacepirate"][data-theme-variant="dark"] .items,
html[data-theme="spacepirate"][data-theme-variant="dark"] .memberlist,
html[data-theme="spacepirate"][data-theme-variant="dark"] .member-lifecycle-compare-card {
	border-color: #3a3528;
	background:
		linear-gradient(135deg, rgba(255, 176, 46, 0.1), transparent 42%),
		#111214;
	box-shadow: inset 0 0 0 1px rgba(255, 176, 46, 0.055);
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box,
html[data-theme="spacepirate"][data-theme-variant="dark"] .modalHeader,
html[data-theme="spacepirate"][data-theme-variant="dark"] .modalBody,
html[data-theme="spacepirate"][data-theme-variant="dark"] .modalSubmit,
html[data-theme="spacepirate"][data-theme-variant="dark"] .memberlist,
html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box-body,
html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box-body.resource-box-content,
html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion-body-inner {
	background-color: #111214;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box-top,
html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-box-bottom,
html[data-theme="spacepirate"][data-theme-variant="dark"] .dashboard,
html[data-theme="spacepirate"][data-theme-variant="dark"] .modalHeader {
	border-color: #3a3528;
	background: linear-gradient(90deg, #050506, #171309);
	color: #f4d08a;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion-header,
html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion-header:hover {
	border-color: #3a3528;
	border-left-color: var(--theme-entity-color);
	border-top-color: #ffb02e;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--theme-entity-color) 18%, transparent), transparent 50%),
		#050506 !important;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion-header:hover {
	border-color: #ffb02e;
	border-left-color: var(--theme-entity-color);
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .accordion-body {
	border-color: #3a3528;
	background:
		linear-gradient(135deg, rgba(255, 176, 46, 0.08), transparent 42%),
		#111214;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resourcelist-resource,
html[data-theme="spacepirate"][data-theme-variant="dark"] .item,
html[data-theme="spacepirate"][data-theme-variant="dark"] .ticket,
html[data-theme="spacepirate"][data-theme-variant="dark"] .mikron_container {
	border-color: #3a3528;
	background: #0d0e10;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resourcelist-resource:hover,
html[data-theme="spacepirate"][data-theme-variant="dark"] .item:hover {
	background: #1b1710;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .button_standard {
	border-color: #ffb02e;
	background: #ffb02e;
	color: #080706;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .button_standard:hover,
html[data-theme="spacepirate"][data-theme-variant="dark"] .button_standard:focus {
	border-color: #ff6857;
	background: #ff6857;
	color: #080706;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .button_yellow {
	border-color: #ffc763;
	background: transparent;
	color: #ffc763;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .button_red {
	border-color: #ff6857;
	background: transparent;
	color: #ff6857;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .resource-search-bar {
	border-color: #3a3528;
	background:
		url(/icons/magnifying_glass_lightgrey.svg) 11px 11px / 30px 30px no-repeat,
		linear-gradient(90deg, rgba(255, 176, 46, 0.13), transparent 46%),
		#111214;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .organization-input,
html[data-theme="spacepirate"][data-theme-variant="dark"] .organization-input-small,
html[data-theme="spacepirate"][data-theme-variant="dark"] input[type="file"],
html[data-theme="spacepirate"][data-theme-variant="dark"] select,
html[data-theme="spacepirate"][data-theme-variant="dark"] textarea {
	border-color: #4e432b;
	background-color: #08090a;
	color: #f4ead2;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .control-panels .mods,
html[data-theme="spacepirate"][data-theme-variant="dark"] .legend-wrapper,
html[data-theme="spacepirate"][data-theme-variant="dark"] .contextmenu-content {
	border-color: #4e432b;
	background: rgba(6, 6, 7, 0.98);
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .axis path,
html[data-theme="spacepirate"][data-theme-variant="dark"] .axis line {
	stroke: #7f714f;
}

html[data-theme="spacepirate"][data-theme-variant="dark"] .axis text,
html[data-theme="spacepirate"][data-theme-variant="dark"] .axislabel {
	fill: #b9ab86;
}
