:root {
	--main-color-dark: #003d33;
	--main-color: #00695c;
	--main-color-light: #99c3bc; /* con texto oscuro */

	--secondary-color-dark: #40241a;
	--secondary-color: #8d6e63;
	--secondary-color-light: #9c786c; /* con texto oscuro */

	--red-color: #f44336;
	--red-color-medium: #ffd5d1;
	--red-color-light: #fff6f6;

	--orange-color: #ff9800;
	--orange-color-medium: #ffdaa4;
	--orange-color-light: #fff6ec;

	--green-color: #4caf50;
	--green-color-medium: #a5d4a7;
	--green-color-light: #f2fff2;

	--yellow-color: #ffeb3b;
	--yellow-color-light: #fffef5;

	--grey-color: #666;
	--grey-color-light: #f1f1f1;

	--white-color: #ffffff;
	--white-color-light: #ffffff99;
	--black-color: #333333;

	--ivsign-color: #774b6e;

	--button-color: var(--secondary-color);
	--button-color-hover: var(--secondary-color-dark);
}