/* ===== Кнопка включения режима ===== */
.vi-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	font-size: 16px;
	line-height: 1.2;
	cursor: pointer;
	border-radius: 4px;
	border: 2px solid #1a1a1a;
	transition: box-shadow .15s, transform .15s;
}
.vi-toggle--light {
	background: #fff;
	color: #1a1a1a;
}
.vi-toggle--dark {
	background: #1a1a1a;
	color: #fff;
	border-color: #fff;
}
.vi-toggle:focus-visible {
	outline: 3px solid #ffbf47;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px rgba(26,26,26,.25);
}
.vi-toggle.is-active {
	background: #1a1a1a;
	color: #fff;
	border-color: #fff;
}

/* =====================================================
 * СПЕЦИАЛЬНАЯ ВЕРСИЯ (ГОСТ Р 52872-2012)
 * ===================================================== */

/* Размер шрифта */
body.vi-active.vi-size-1_5 { font-size: 125% !important; }
body.vi-active.vi-size-2   { font-size: 150% !important; }

/* Межбуквенный и межстрочный интервал */
body.vi-active.vi-spacing { letter-spacing: .06em !important; word-spacing: .1em !important; line-height: 1.8 !important; }

/* Схема 1: чёрный на белом */
body.vi-active.vi-color-1,
body.vi-active.vi-color-1 * {
	background-color: #fff !important;
	background-image: none !important;
	color: #000 !important;
	border-color: #000 !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
body.vi-active.vi-color-1 a { color: #0000cc !important; text-decoration: underline !important; }
body.vi-active.vi-color-1 a:visited { color: #660099 !important; }

/* Схема 2: белый на чёрном */
body.vi-active.vi-color-2,
body.vi-active.vi-color-2 * {
	background-color: #000 !important;
	background-image: none !important;
	color: #fff !important;
	border-color: #fff !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
body.vi-active.vi-color-2 a { color: #ffe600 !important; text-decoration: underline !important; }
body.vi-active.vi-color-2 a:visited { color: #b39dff !important; }

/* Схема 3: тёмно-синий на бледно-жёлтом */
body.vi-active.vi-color-3,
body.vi-active.vi-color-3 * {
	background-color: #f5f3d5 !important;
	background-image: none !important;
	color: #1a2a7a !important;
	border-color: #1a2a7a !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
body.vi-active.vi-color-3 a { color: #00008b !important; text-decoration: underline !important; }
body.vi-active.vi-color-3 a:visited { color: #4b0082 !important; }

/* Схема 4: тёмно-зелёный на бледно-зелёном */
body.vi-active.vi-color-4,
body.vi-active.vi-color-4 * {
	background-color: #e4f0e4 !important;
	background-image: none !important;
	color: #1d4d1d !important;
	border-color: #1d4d1d !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
body.vi-active.vi-color-4 a { color: #0a5c0a !important; text-decoration: underline !important; }
body.vi-active.vi-color-4 a:visited { color: #2e6b2e !important; }

/* Отключение изображений (остаётся альтернативный текст) */
body.vi-active.vi-noimages img,
body.vi-active.vi-noimages .vi-background-img {
	display: none !important;
}

/* Монохромный режим */
body.vi-active.vi-grayscale,
body.vi-active.vi-grayscale img,
body.vi-active.vi-grayscale video,
body.vi-active.vi-grayscale iframe {
	filter: grayscale(1) contrast(1.05) !important;
}

/* Кнопка всегда остаётся видимой и узнаваемой в специальной версии */
body.vi-active .vi-toggle {
	position: relative;
	z-index: 100000;
}