/* COLORES */
.negro {
  color: var(--negro);
}
.negro-azulado {
  color: var(--negro-azulado);
}
.gris-oscuro {
  color: var(--gris-oscuro);
}
.gris-medio-textos {
  color: var(--gris-medio-textos);
}
.gris-medio {
  color: var(--gris-medio);
}
.gris-claro {
  color: var(--gris-claro);
}
.gris-muy-claro {
  color: var(--gris-muy-claro);
}
.blanco {
  color: var(--blanco);
}
.blanco-huevo {
  color: var(--blanco-huevo);
}
.beige {
  color: var(--beige);
}
.beige-oscuro {
  color: var(--beige-oscuro);
}
.marron-claro {
  color: var(--marron-claro);
}

/* FONDOS */
.bg-negro {
  background: var(--negro);
}
.bg-negro-azulado {
  background: var(--negro-azulado);
}
.bg-gris-oscuro {
  background: var(--gris-oscuro);
}
.bg-gris-medio-textos {
  background: var(--gris-medio-textos);
}
.bg-gris-medio {
  background: var(--gris-medio);
}
.bg-gris-claro {
  background: var(--gris-claro);
}
.bg-gris-muy-claro {
  background: var(--gris-muy-claro);
}
.bg-blanco {
  background: var(--blanco);
}
.bg-blanco-huevo {
  background: var(--blanco-huevo);
}
.bg-beige {
  background: var(--beige);
}
.bg-beige-oscuro {
  background: var(--beige-oscuro);
}
.bg-marron-claro {
  background: var(--marron-claro);
}

/* BASICOS */
body {
  background: var(--blanco);
  color: var(--negro);
}

h1,
h2,
h3,
h4 {
  color: var(--negro-azulado);
}

 
.label {
  color: var(--gris-medio);
}