:root{
	--main-color: /*hsl(100deg,54%,53%)*/#752521;
	--secondary-color: #AF0E13;
	--contrast-color: #147433;
	--light-color: #e2dcb7;

	--divider-color: #BDBDBD; /*Color de borde*/
	--neutral-color: white; /*Blanco*/

	--shadow-color: hsl(0deg,0%,20%);

	--main-text-color: hsl(0deg,20%,100%);
	--secondary-text-color: hsl(0deg,0%,20%);

}
[v0]{
	--main-color: /*hsl(100deg,54%,53%)*/#752521;
	--secondary-color: #AF0E13;
	--contrast-color: #147433;
	--light-color: white;
}
[v1]{
	--main-color: #06283D;
	--secondary-color: #47B5FF;
	--contrast-color: #1363DF;
	--light-color: #DFF6FF;
}
[v2]{
	--main-color: #85586F;
	--secondary-color: #DEB6AB;
	--contrast-color: #AC7D88;
	--light-color: #F8ECD1;
}
[v3]{
	--main-color: #FF5F00;
	--secondary-color: #B20600;
	--contrast-color: #00092C;
	--light-color: #EEEEEE;
}
[v4]{
	--main-color: #247881;
	--secondary-color: #00FFC6;
	--contrast-color: #30AADD;
	--light-color: hsl(187, 40%, 84%);
}
[v5]{
	--main-color: #1B1A17;
	--secondary-color: #F0A500;
	--contrast-color: #E45826;
	--light-color: #E6D5B8;
}
[v6]{
	--main-color: #534E52;
	--secondary-color: #C7956D;
	--contrast-color: #965D62;
	--light-color: hsl(48, 83%, 90%);
}
[v7]{
	--main-color: #433520;
	--secondary-color: #025955;
	--contrast-color: #00917C;
	--light-color: #FDE8CD;
}

/*Scrolls*/
/* Tamaño del scroll */
*::-webkit-scrollbar {
	width: 8px;
}

/* Estilos barra (thumb) de scroll */
*::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 0px;
}

*::-webkit-scrollbar-thumb:active {
	background-color: #999999;
}

*::-webkit-scrollbar-thumb:hover {
	background: black;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Estilos track de scroll */
*::-webkit-scrollbar-track {
background: var(--secondary-color);
border-radius: 0px;
}

*::-webkit-scrollbar-track:hover, 
*::-webkit-scrollbar-track:active {
background: var(--main-color)
}