/*	!	Theme Dark	*/
.theme-dark {
	/* Primäre Farben bleiben gleich */
	--bs-primary: #ec6726;
	--bs-primary-rgb: 236, 103, 38;
	--bs-light-primary: rgba(236, 103, 38, 0.08);

	--bs-secondary: #bbb9bd;
	--bs-secondary-rgb: 187, 185, 189;
	--bs-light-secondary: rgba(187, 185, 189, 0.08);

	--bs-tertiary: #232127;
	--bs-tertiary-rgb: 35, 33, 39;
	--bs-light-tertiary: rgba(35, 33, 39, 0.6);

	/* Systemfarben */
	--bs-black: #fff;
	--bs-white: #18171c;

	/* Grays für Darkmode */
	--bs-gray: #b6bac6;
	--bs-gray-dark: #f6f9fc;
	--bs-gray-100: #232127;
	--bs-gray-200: #29272d;
	--bs-gray-300: #36344d;
	--bs-gray-400: #88879d;
	--bs-gray-500: #7a7b85;
	--bs-gray-600: #4a4c5d;
	--bs-gray-700: #414257;
	--bs-gray-800: #262837;
	--bs-gray-900: #191a20;

	/* Bootstrap Subtle Backgrounds */
	--bs-primary-bg-subtle: rgba(236, 103, 38, 0.14);
	--bs-secondary-bg-subtle: rgba(187, 185, 189, 0.13);
	--bs-tertiary-bg-subtle: rgba(35, 33, 39, 0.8);

	--bs-success: #8FBF9F;
	--bs-info: #539bff;
	--bs-warning: #e3b87a;
	--bs-danger: #C97C7C;

	--bs-light: #232127;
	--bs-light-rgb: 35, 33, 39;
	--bs-dark: #eaeff4;
	--bs-dark-rgb: 234, 239, 244;

	--bs-muted: #bbb9bd;

	/* Textfarben */
	--bs-body-color: #e2e0e7;
	--bs-body-color-rgb: 226, 224, 231;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 24, 23, 28;

	--bs-emphasis-color: #fff;
	--bs-emphasis-color-rgb: 255, 255, 255;
	--bs-secondary-color: #bbb9bd;
	--bs-secondary-bg: #232127;
    --bs-heading-color: #000000;

	--bs-link-color: #ff904d;
	--bs-link-hover-color: #a7beff;

	--bs-tertiary-color: rgba(226, 224, 231, 0.7);
	--bs-tertiary-bg: #262837;

	--bs-highlight-bg: #2a3547;
	--bs-border-color: #232127;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.1);

	--bs-dropdown-bg: #232127;
	--bs-dropdown-border-color: #36344d;
	--bs-dropdown-link-color: #e2e0e7;

	/* Shadows */
	--bs-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.5);

	/* Card, Accordion etc. */
	--bs-card-bg: #ffffff;
	--bs-card-color: #e2e0e7;
	--bs-accordion-bg: #232127;
	--bs-accordion-color: #e2e0e7;

}

.theme-dark .bg-white {
	background-color: #18171c !important;
}

.theme-dark img.logo {
	filter: grayscale(1) invert(1);
}

.theme-dark .form-control {
	background-color: var(--bs-body-bg) !important;
}

.theme-dark .form-check-input {
	background-color: var(--bs-primary) !important;
}

.theme-dark .form-select {
	color: #ffffff !important;
}

/*	@end	*/