:root {
	--menu-font: Verdana, Tahoma, Arial, sans-serif;

	/*--menu-l0-bg: transparent; /* Прозрачный фон для верхнего пункта меню */
	--menu-l0-text: #ffffff; /* Белый текст для верхнего пункта меню */

	/*--menu-l1-bg: #275B99; /* Синий фон для подменю первого уровня */
	--menu-l1-bg-hover: #BCB540; /* Жёлтый фон при наведении на подменю первого уровня */
	--menu-l1-text: #ffffff; /* Белый текст для подменю первого уровня */
	/*--menu-l1-border: #ffffff; /* Белая рамка для подменю первого уровня */

	/*--menu-l2-bg: #009AFE; /* Голубой фон для подменю второго уровня */
	--menu-l2-bg-hover: #84961D; /* Оливковый фон при наведении на подменю второго уровня */
	/*--menu-l2-text: #000000; /* Чёрный текст для подменю второго уровня */
	/*--menu-l2-border: #ffffff; /* Белая рамка для подменю второго уровня */
}

/* Уровень 0 — верхний пункт меню, без фона, подчёркивание при наведении */
.menu-l0 a {
	display: inline-block;
	padding: 0;
	color: var(--menu-l0-text); /* Белый текст для верхнего пункта меню */
	font: bold 11px var(--menu-font);
	text-decoration: none;
}
.menu-l0 a:hover {
	text-decoration: underline;
}

/* Уровень 1 — подменю первого уровня, синий фон, жёлтый при наведении */
.menu-l1 a {
	display: block;
	padding: 2px;
	/*background: var(--menu-l1-bg); */
	/*border: 1px solid var(--menu-l1-border);
	color: var(--menu-l1-text); /* Белый текст для подменю первого уровня */
	font: 11px var(--menu-font);
	text-decoration: none;
	/* opacity: 0.85;  Начальная прозрачность для подменю первого уровня */
	/* transition: background-color 0.15s ease, opacity 0.15s ease; /* Плавный переход для фона и прозрачности при наведении */
}
.menu-l1 a:hover {
	background: var(--menu-l1-bg-hover); /* Жёлтый фон при наведении */
	opacity: 1;
}

/* Уровень 2 — подменю второго уровня, голубой фон, оливковый при наведении */
.menu-l2 a {
	display: block;
	padding: 3px;
	/*background: var(--menu-l2-bg); /* Голубой фон для подменю второго уровня */
	border: 1px solid var(--menu-l2-border);
	/*color: var(--menu-l2-text); /* Чёрный текст для подменю второго уровня */
	font: 11px var(--menu-font);
	text-decoration: none;
	/*transition: background-color 0.15s ease; /* Плавный переход для фона при наведении */
}
.menu-l2 a:hover {
	background: var(--menu-l2-bg-hover); /* Оливковый фон при наведении на подменю второго уровня */
}