/* Dark Mode Support - Native browser/OS preference detection */

@media (prefers-color-scheme: dark) {

	html,
	body {
		background: #1a1a1a;
	}

	body,
	input,
	select,
	button {
		color: #b8b8b8;
	}

	h1, .h1 {
		color: #ffffff;
	}

	h2, .h2,
	h3, .h3,
	h4, .h4 {
		color: #e0e0e0;
	}

	a {
		color: #5eb3f5;
	}

	a:hover,
	a:focus,
	a:active {
		color: #7dc4f7;
	}

	/* Navigation */
	.header {
		background: #0f0f0f;
	}

	.nav a {
		color: #b8b8b8;
	}

	.nav a:hover,
	.nav a:focus {
		color: #5eb3f5;
	}

	/* Buttons */
	.btn-default {
		background-color: #2a2a2a;
		border-color: #404040;
		color: #e0e0e0;
	}

	.btn-default:hover,
	.btn-default:focus {
		background-color: #333333;
		border-color: #4a4a4a;
	}

	/* Forms */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		background-color: #2a2a2a;
		border-color: #404040;
		color: #e0e0e0;
	}

	input::placeholder,
	textarea::placeholder {
		color: #707070;
	}

	/* Cards and containers */
	.card,
	.panel,
	.box {
		background-color: #252525;
		border-color: #404040;
	}

	/* Modals */
	.modal-content {
		background-color: #252525;
	}

	.modal-header,
	.modal-footer {
		border-color: #404040;
	}

	.close {
		color: #b8b8b8;
	}

	/* Tables */
	table {
		color: #b8b8b8;
	}

	th {
		background-color: #2a2a2a;
		color: #e0e0e0;
	}

	td {
		border-color: #404040;
	}

	tr:hover {
		background-color: #2a2a2a;
	}

	/* Text colors */
	.text-muted {
		color: #808080 !important;
	}

	.text-dark {
		color: #e0e0e0 !important;
	}

	.color-dark {
		color: #e0e0e0;
	}

	/* Backgrounds */
	.bg-light {
		background-color: #2a2a2a !important;
	}

	.bg-white {
		background-color: #1a1a1a !important;
	}

	/* Borders */
	.border {
		border-color: #404040 !important;
	}

	hr {
		border-color: #404040;
	}

	/* Footer */
	footer {
		background-color: #0f0f0f;
		color: #b8b8b8;
	}

	/* Ensure images don't become too bright */
	img {
		opacity: 0.9;
	}

	img:hover {
		opacity: 1;
	}

	/* Icon check background */
	.icon-check {
		background-color: #b8b8b8;
	}

}
