:root {
  --principal-oscuro:  rgb(58, 130, 4);
  --principal-amarillo: rgb(176, 215, 2);
  --principal-claro: rgb(66, 182, 22);
}


.principal-oscuro {
    background-color: var(--principal-oscuro);
}

.principal-oscuro-text {
    color: var(--principal-oscuro);
}

.principal-blanco {
    background-color: var(--principal-amarillo);
}

.principal-blanco-text {
	color: var(--principal-amarillo);
}

.principal-claro {
	background-color: var(--principal-claro);
}