:root {
	--base-color:#da57d8;/*#0cd20c*/
	--base-light-color:#ecabeb;/*#0cd20c*/
	--news-color:#ff791b;
	--news-light-color:#ffc9a4;
	--staff-color:#50dfbd;
	--staff-light-color:#b9f2e5;
	--story-color:#ff6d6d;
	--story-light-color:#ffc5c5;
	--member-color:#67d0ff;
	--member-light-color:#c2ecff;
	--cast-color:#a5469a;
	--cast-light-color:#dbb5d7;
	--str-color:#c717fa;
	--str-light-color:#e9a2fd;
	--books-color:#70c228;
	--books-light-color:#c6e7a9;
	--vote-color:#297fff;
	--vote-light-color:#a9ccff;
	--music-color:#c85cff;
	--music-light-color:#e9beff;
	--radio-color:#adcc00;
	--radio-light-color:#deeb99;
	--live-color:#f729ff;
	--live-light-color:#fca9ff;
	--onair-color:#ff3300;
	--onair-light-color:#ff9999;
	--bd-color:#735cff;
	--bd-light-color:#b9adff;
	--tw-color:#000; /* twitter #1da1f2 */
	--yt-color:#ff0000; /* Youtube */
	--insta-color:#297fff; /* intagram */
}


#navigation li a.news {
	color: var(--news-color);
	border-color: var(--news-color);
}
#navigation li a.news:hover {
	background-color:  var(--news-color);
}


#navigation li a.staff {
	color:  var(--staff-color);
	border-color: var(--staff-color);
	letter-spacing: -.1em;
}
#navigation li a.staff:hover {
	background-color: var(--staff-color);
}


#navigation li a.story {
	color: var(--story-color);
	border-color: var(--story-color);
}
#navigation li a.story:hover {
	background-color: var(--story-color);
}


#navigation li a.member {
	color: var(--member-color);
	border-color: var(--member-color);
}
#navigation li a.member:hover {
	background-color: var(--member-color);
}


#navigation li a.cast {
	color: var(--cast-color);
	border-color: var(--cast-color);
}
#navigation li a.cast:hover {
	background-color: var(--cast-color);
}


#navigation li a.str {
	color: var(--str-color);
	border-color: var(--str-color);
}
#navigation li a.str:hover {
	background-color: var(--str-color);
}


#navigation li a.books {
	color: var(--books-color);
	border-color: var(--books-color);
}
#navigation li a.books:hover {
	background-color: var(--books-color);
}


#navigation li a.vote {
	color: var(--vote-color);
	border-color: var(--vote-color);
}
#navigation li a.vote:hover {
	background-color: var(--vote-color);
}


#navigation li a.music {
	color: var(--music-color);
	border-color: var(--music-color);
}
#navigation li a.music:hover {
	background-color: var(--music-color);
}


#navigation li a.radio {
	color: var(--radio-color);
	border-color: var(--radio-color);
}
#navigation li a.radio:hover {
	background-color: var(--radio-color);
}


#navigation li a.live {
	color: var(--live-color);
	border-color: var(--live-color);
}
#navigation li a.live:hover {
	background-color: var(--live-color);
}


#navigation li a.onair {
	color: var(--onair-color);
	border-color: var(--onair-color);
}
#navigation li a.onair:hover {
	background-color: var(--onair-color);
}


#navigation li a.bd {
	color: var(--bd-color);
	border-color: var(--bd-color);
}
#navigation li a.bd:hover {
	background-color: var(--bd-color);
}