:root {
	--bg-color: #f4f6f9;         /* Светло-серый фон страницы */
	--card-bg: #ffffff;          /* Белый фон карточки авторизации */
	--text-main: #333333;        /* Темный текст для отличной читаемости */
	--accent-color: #2b579a;     /* Строгий корпоративный синий цвет */
	--accent-hover: #1e3d6b;     /* Синий цвет при наведении */
	--error-color: #d9534f;      /* Красный цвет для ошибок */
	--border-color: #cccccc;     /* Нейтральные границы полей */
	--input-bg: #fafafa;         /* Легкий фон внутри инпутов */
	--text-menu: #000000; 
	--hover-menu: #eeeeee;
	--bg-title: rgba(255, 105, 0, 1);
	--txt-title: #ffffff;
	--text-link: red;
	--bg-table-header: rgba(255, 179, 112, 0.55);
	--txt-table-header: #000000;
	--bg-table-crow: rgba(255, 179, 112, 0.25);
	--bg-table-nrow: rgba(255, 255, 255, 0);
	--bg-table-hover: rgba(255, 179, 112, 0.55);
	--bg-gauge: #eeeeee;
	--txt-gauge: #000000;
	--bg-progress: rgba(255, 179, 112, 0.55);
	--bg-btn: #03a1fc;
	--txt-btn: #ffffff;
	--bg-input: #ffffff;
	--txt-input: #000000;
	--bg-btn-hover: rgba(255,255,255,0.25);
	--total-line: rgba(255, 105, 0, 1);
}


@media (prefers-color-scheme: dark) {
	:root {
		--bg-color: #1e222b;
		--card-bg: #282c34;
		--text-main: #abb2bf;
		--accent-color: #4b6fff;
		--accent-hover: #3b5bdb;
		--error-color: #e06c75;
		--border-color: #3e4451;
		--input-bg: #3a3a3a;
		--text-menu: #ffffff; 
		--hover-menu: #4a4d56;
		--bg-title: #4a4d56;
		--txt-title: #ffffff;
		--text-link: lime;
		--bg-table-header: #4a4d56;
		--txt-table-header: #ffffff;
		--bg-table-crow: #4a4d56;
		--bg-table-nrow: rgba(0, 0, 0, 0);
		--bg-table-hover: rgba(255, 255, 255, 0.25);
		--bg-gauge: #000000;
		--txt-gauge: #999999;
		--bg-progress: darkgreen;
		--bg-btn: #3e4859;
		--bg-btn-hover: rgba(255,255,255,0.25);
		--txt-btn: #ffffff;
		--bg-input: #3e4859;
		--txt-input: #dddddd;
		--total-line: rgba(255, 255, 255, 1);
	}
}