/* Dark mode */

@media (prefers-color-scheme: dark) {
	div {
		background-color: #1e1e1e; /* tmavě šedá, příjemná pro oči */
		color: #f0f0f0; /* světlý text pro kontrast */
	}
}

body.dark-mode {
	background-color: #1e1e1e;
	color: #e0e0e0;
	transition: background-color 0.3s ease, color 0.3s ease;
}

	/* Nadpis */
	body.dark-mode .header {
		color: #e0e0e0;
	}

	/* Navigační lišta */
	body.dark-mode .nav-bar {
		background-color: #2a2a2a;
		box-shadow: 0 2px 8px rgba(255,255,255,0.1);
	}

	body.dark-mode .menu-item > a {
		color: #e0e0e0;
	}

		body.dark-mode .menu-item > a:hover {
			background-color: #444;
			color: #ffffff;
		}

	body.dark-mode .submenu {
		background-color: #333;
	}

		body.dark-mode .submenu a {
			color: #ccc;
		}

			body.dark-mode .submenu a:hover {
				background-color: #555;
				color: #fff;
			}

	body.dark-mode .darkmode-toggle button {
		background-color: #005A9E;
		color: #e0e0e0;
	}

		body.dark-mode .darkmode-toggle button:hover {
			background-color: #0078D7;
		}

	/* Language selector */
	body.dark-mode .lang-select {
		background-color: #e0e0e0;
	}

	/* AuthBox */
	body.dark-mode .auth-box {
		background-color: #2a2a2a;
	}


	body.dark-mode .btn-primary {
		/*background-color: #444;*/
		background-color: #0078D7;
		color: white;
		border-radius: 6px;
		display: inline-block;
		cursor: pointer;
		text-align: center;
	}

	body.dark-mode .btn-secondary {
		color: #333;
		border-radius: 6px;
		display: inline-block;
		cursor: pointer;
		text-align: center;
	}

.auth-box .btn-secondary:hover {
	background-color: #c2c2c2;
}



.auth-box .btn-secondary a {
	color: #333;
	text-decoration: none;
}