:root {
	--claro: #21b152;
	--escuro: #138a3b;
	--escurasso: #299a3e;
	--titulo: white;
	--texto: white;
	--highlight: #fdf100;
	--link: #fdf100;
	--link-visited: #1a3523;
	--online: #fdf100;
	--botao: #2e2981;
	--botao-texto: #fdf100;
	--selection: #5385e5;
}

#container {
	color: var(--claro);
		background: linear-gradient(rgba(0, 255, 0,0.12)), url(/images/tokimeki-dark.jpg);
}

html {
		background: linear-gradient(rgba(0, 255, 0,0.12)), url(/images/tokimeki-dark.jpg);
}

fieldset {
	background: var(--claro);
}


#sldtog {
	background-color: var(--botao);
	color: var(--botao-texto);
}

.thead {
	color: var(--titulo);
	background: var(--claro);
  	border-color: var(--highlight);
	border-radius: 6px;
}

.thead a:hover, .thead a:active {
	color: var(--titulo);
	text-decoration: underline;
}

.thead a:link {
  color: var(--link);
	text-decoration: none;
}

.thead a:visited {
}

.tcat {
	border-color: var(--escurasso);
}

.tfoot {
	color: var(--texto);
	background: var(--claro);
}

.tfoot a:link {
  color: var(--link);
}

.tborder {
	background: var(--escuro);
	border-radius: 6px;
}

.trow1 {
   background: var(--claro);
}

.trow2 {
	background: var(--escuro);
}

.trow_selected, tr.trow_selected td {
  background: var(--selection);
}

.trow_sep {
	color: var(--texto);
	background: var(--escurasso);
}

.active-color {
	background-color: var(--escurasso);
}

.pm_alert {
	color: var(--titulo);
}

nav {
	background: var(--claro);
	border-color: var(--escuro);
}

nav a:link {   
	color: var(--texto);

}

nav a {   
	color: var(--texto);
	background:var(--claro);
}

nav a:hover {
	background: var(--escuro);
}

nav ul li{
	border-bottom: 3px solid;
  	border-color: var(--escuro);
}

table {
  color: var(--texto);
}

blockquote {
	background: var(--escurasso);
}

a {
	color: var(--link);
}

a:visited {
}

a:link {
  color: var(--link);
}

a:hover {
	background: linear-gradient(to bottom, currentColor -25000%, transparent 10000%);
	color: color-mix(in srgb, var(--highlight), white 35%);
	text-decoration: underline;
}

a {
   text-decoration: none;
}

a img {
}

strong a {
	color: var(--highlight);
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
 	color: var(--botao-texto);
	background: var(--botao);
}

.pagination a:hover {
  background: var(--botao);
  color: var(--highlight);
  border-color: var(--selection);
  text-decoration: none;
}
.pagination .pagination_current {
  background: var(--botao);
  color: var(--botao-texto);
  border: inset;
  font-weight: bold;
  border-radius: 6px;
  border-color: var(--botao-texto);
  border-width: 1px;
}

.pagination a {
	color: var(--botao-texto);
	background: var(--selection);
}

.post .post_author div.author_statistics {
	color: var(--texto);
}
.pm_alert {
	background: var(--escuro);
}

.post.classic .post_author {
	background: var(--claro);
	border-color: var(--escuro);
}

.post .post_author div.author_avatar img {
	background-color: var(--escuro);
	border-color: var(--escuro);
}

.post_controls {
	border-color: var(--highlight);
	background-color: var(--escurasso);
}

.post .post_head span.post_date {
  color: var(--texto);
}

.post .post_meta {
  color: var(--texto);
}

.post .post_meta a:hover, .post .post_meta a:active {
  color: var(--texto);
}

.post .post_meta a:hover, .post .post_meta a:active {
  color: var(--texto);
}

.postbit_buttons > a:link {
 background-color: var(--botao);
}

.perfil {
  background: var(--claro);
}

.smalltext {
  color: var(--texto);
}

.forum_off, .forum_offlock, .forum_offlink {
  color: black;
}

.online {
text-shadow: 2px 0 var(--online), -2px 0 var(--online), 0 2px var(--online), 0 -2px var(--online),
               1px 1px var(--online), -1px -1px var(--online), 1px -1px var(--online), -1px 1px var(--online);
}

footer {
	background: var(--escuro);
}

.rin-qc {
  	background: var(--claro);
	color: var(--texto);
	border-width: 2px;
	border-style: solid;
	border-color: var(--escurasso);
}

.rin-qc::before {
  border-bottom: 6px solid var(--escurasso);
}